-
HTML
SNSリストのテンプレート
SNSのアイコンのリストって毎回作ってるけど、そろそろテンプレほしいな。使いまわしやすくて、ホバーアクションもいい感じにしたい。 しんぺー よくあるSNSアイコンリストのテンプレを共有しますね。ホバーアクションはFont […] -
HTML
番号付きリストが「010」になるのを「10」にするCSSは「decimal-leading-zero」です。
完成形のイメージ See the Pen 番号付きリスト01~10 by shimpei (@shimpei) on CodePen. HTML 適当にリストを作ります。クラス名はnum-listにしました。 SCSS […] -
HTML
【コピペOK】blockquote要素の作り方HTML&CSS｜引用文
はぁーまたqlockquoteか〜ちょっと面倒なんだよなぁどうやってつくるんだっけ？ よくある感じのHTMLとCSSのテンプレ置いときますね〜 完成形のイメージ See the Pen Untitled by shimp […] -
HTML
【コピペOK】自動でPDFのアイコンをつけるCSS（Excelファイルや、Wordファイルも）
自動でファイルのiconを表示するCSS PDFとかExcelファイルある時に自動でアイコン付けれないかな？毎回クラス付けるの大変だし、どうしたらいいんだ？ ファイルの拡張子を認識して、自動でアイコンがつくようなテンプレ […] -
HTML
【コピペ用】slick dotsを四角にカスタマイズ｜色変更
slickのdotsを長方形にしたい人 slickのdotsはデフォルトで丸いから四角くするの手間だなぁ。コピペ用にコード置いときたいな。 しんぺー いつも使っているコードを共有しますね 完成形のイメージ こんな感じの長 […] -
HTML
【コピペ用】slickオプション「矢印(arrows)の出し方」｜矢印でない？画像の上。位置の設定。
slickの矢印を設置する面倒から開放されたい人 slickの矢印出すの面倒だなー。なんかないの？ しんぺー コピペ用の雛形を用意しました。余計なスタイリングなどせずに、使い回しやすいようにしています。・最低限のslic […] -
HTML
FontAwesomeを5秒で表示【コピペ用】
FontAwesomeをすぐ使いたい人 FontAwesomeを5秒で使えるようにして下さい。使い方の記事はたくさんあるけど長くて読めません。 はい、こちらです。https://codepen.io/shimpei/pe […] -
HTML
HTMLで角丸のテーブルを作る｜overflow-hidden以外の方法
overflow-hidden以外の方法で角丸のテーブルを作る方法が知りたい人 角丸テーブルはoverflow-hiddenで実装してたけど、今回のテーブルはoverflow-hiddenできないんだよね。テーブル内にド […] -
HTML
form送信後に任意の場所にスクロールするには、formのaction属性に”#link01″とするだけ｜form submit後にページ内リンクを設定する
form送信後にページ内リンク設定できないかな？ページのコンテンツが長くて、フォーム欄が見えないんだよね。。 今回はこんな悩みを解決します HTMLで設定する方法と、jQueryを使った方法の2つを紹介したいと思います。 […] -
HTML
1行のCSSで背景を斜めにカットする方法
背景が斜めにカットされたデザインのコーディングがちょっと嫌いな人 背景が斜めにカットされたデザイン地味に面倒なんだよなぁ〜 かんたんにコーディングできないかな？ 疑似要素で三角形作るの時間かかるし、画面幅によって角度が変 […]
