-
CSS
CSSだけで円グラフ・ドーナツグラフを作成する
円グラフってCSSで作れないよね?Chart.js使うのも大層だし画像で書き出すか。 しんぺー conic-gradientで簡単につくれますよ〜 完成形のイメージ こんな感じです。CSSで割と簡単に作れますよ。 See […] -
CSS
SNSリストのテンプレート
SNSのアイコンのリストって毎回作ってるけど、そろそろテンプレほしいな。使いまわしやすくて、ホバーアクションもいい感じにしたい。 しんぺー よくあるSNSアイコンリストのテンプレを共有しますね。ホバーアクションはFont […] -
CSS
番号付きリストが「010」になるのを「10」にするCSSは「decimal-leading-zero」です。
完成形のイメージ See the Pen 番号付きリスト01~10 by shimpei (@shimpei) on CodePen. HTML 適当にリストを作ります。クラス名はnum-listにしました。 SCSS […] -
CSS
【コピペOK】blockquote要素の作り方HTML&CSS|引用文
はぁーまたqlockquoteか〜ちょっと面倒なんだよなぁどうやってつくるんだっけ? よくある感じのHTMLとCSSのテンプレ置いときますね〜 完成形のイメージ See the Pen Untitled by shimp […] -
CSS
スクロールバー非表示は、-webkit-scrollbarをdisplay: none;にします。
スクロールバーを非表示にした人 スクロールする前から、ずっとスクロールバーが表示さていて嫌だな。消したいけど、どうやったらいいんだ? WebKitエンジンを使用しているブラウザであれば、-webkit-scrollbar […] -
CSS
【コピペOK】自動でPDFのアイコンがつくボタン(Excelファイルや、Wordファイルも)
自動でPDFファイルのアイコンがつくボタン PDFファイルのアイコンがつくボタンは毎回クラス付けたり面倒だな。自動でついてくれないかな。 hrefの中の拡張子を認識して、自動でアイコンがつくようなCSSを共有しますね。以 […] -
CSS
3,7,11,15を指定するCSSは? nth-child(4n+3)です。
3番目、7番目、11番目の要素にスタイルを当てたい人 3、7、11番目の要素にスタイルを当てたいから〜えーっとnth-childで〜 どうやるんだっけ? しんぺー ぼくも「え?どうやるんだ?」と悩んだので、メモに残してお […] -
CSS
【コピペOK】自動でPDFのアイコンをつけるCSS(Excelファイルや、Wordファイルも)
自動でファイルのiconを表示するCSS PDFとかExcelファイルある時に自動でアイコン付けれないかな?毎回クラス付けるの大変だし、どうしたらいいんだ? ファイルの拡張子を認識して、自動でアイコンがつくようなテンプレ […] -
CSS
【コピペ用】slick dotsを四角にカスタマイズ|色変更
slickのdotsを長方形にしたい人 slickのdotsはデフォルトで丸いから四角くするの手間だなぁ。コピペ用にコード置いときたいな。 しんぺー いつも使っているコードを共有しますね 完成形のイメージ こんな感じの長 […] -
CSS
【コピペ用】slickオプション「矢印(arrows)の出し方」|矢印でない?画像の上。位置の設定。
slickの矢印を設置する面倒から開放されたい人 slickの矢印出すの面倒だなー。なんかないの? しんぺー コピペ用の雛形を用意しました。余計なスタイリングなどせずに、使い回しやすいようにしています。・最低限のslic […]