-
CSS
【コピペOK】自動でPDFのアイコンをつけるCSS（Excelファイルや、Wordファイルも）
自動でファイルのiconを表示するCSS PDFとかExcelファイルある時に自動でアイコン付けれないかな？毎回クラス付けるの大変だし、どうしたらいいんだ？ ファイルの拡張子を認識して、自動でアイコンがつくようなテンプレ […] -
CSS
【コピペ用】slick dotsを四角にカスタマイズ｜色変更
slickのdotsを長方形にしたい人 slickのdotsはデフォルトで丸いから四角くするの手間だなぁ。コピペ用にコード置いときたいな。 しんぺー いつも使っているコードを共有しますね 完成形のイメージ こんな感じの長 […] -
CSS
【コピペ用】slickオプション「矢印(arrows)の出し方」｜矢印でない？画像の上。位置の設定。
slickの矢印を設置する面倒から開放されたい人 slickの矢印出すの面倒だなー。なんかないの？ しんぺー コピペ用の雛形を用意しました。余計なスタイリングなどせずに、使い回しやすいようにしています。・最低限のslic […] -
CSS
FontAwesomeを5秒で表示【コピペ用】
FontAwesomeをすぐ使いたい人 FontAwesomeを5秒で使えるようにして下さい。使い方の記事はたくさんあるけど長くて読めません。 はい、こちらです。https://codepen.io/shimpei/pe […] -
CSS
HTMLで角丸のテーブルを作る｜overflow-hidden以外の方法
overflow-hidden以外の方法で角丸のテーブルを作る方法が知りたい人 角丸テーブルはoverflow-hiddenで実装してたけど、今回のテーブルはoverflow-hiddenできないんだよね。テーブル内にド […] -
CSS
はじめてのTailwind CSS【初心者向けインストール方法】
TailwindCSSをサクッと体験してみたい人 TailwindCSS使ってみたいけど、公式ドキュメント読むの面倒。YouTube動画とかもあるけどバージョン2だし、最新のバージョン3で簡単に導入するにはどうすればいい […] -
CSS
1行のCSSで背景を斜めにカットする方法
背景が斜めにカットされたデザインのコーディングがちょっと嫌いな人 背景が斜めにカットされたデザイン地味に面倒なんだよなぁ〜 かんたんにコーディングできないかな？ 疑似要素で三角形作るの時間かかるし、画面幅によって角度が変 […] -
CSS
Googleカスタム検索用のテンプレHTMLを共有します【自由にデザイン・装飾】
Googleカスタム検索の実装に苦手意識や、不安がある人 Googleカスタム検索のフォーム欄って、CSSで自由に装飾できるのかな？ オリジナルデザインのフォームに、Googleカスタム検索を実装してほしいと依頼されたけ […] -
CSS
HTML・CSS学習中の方に、ずっと使える本を紹介します
HTML・CSS学習中の人 ググっても解決しない。目的の記事にたどり着けない。 どうやって調べればいいんだ？ 今回は、HTML・CSSの辞典を紹介しますが、こういう辞書が一冊あると目的の内容にすぐにたどりつけますし、ネッ […] -
CSS
tableの罫線が重なって表示されない？表示させるCSSプロパティを紹介します。
シンプルなテーブルのコーディングに悩まされている人 外側の罫線と、内側の罫線のスタイルを別々にしたかっただけなのに上手くいかないわ。外側の罫線が表示されず、内側の罫線に上書きさちゃうのよ、まったく。今すぐ私に、エレガント […]
