見出しなどでよく使うこんな感じ↓の下線のデザイン。 見出し 通常border-bottomで作りますが、これを疑似要素やlinear-gradientを使って2色、3色、4色…のカラフルな下線にする方法をまとめます。 1 […]

WebサイトにYouTube動画を埋め込む方法として、iframeを使ったものが主流かと思います。仕様変更された箇所などを毎回忘れるので自分用にまとめなおしました。 公式ドキュメント ： https://develope […]

CSSアニメーション（ animation プロパティ）のまとめです。 基本の書き方 CSSアニメーションを使うには、まず開始(0%) ～ 終了(100%) までどのように変化するかを「キーフレーム（@keyframes […]

「Google フォーム」はお問い合わせフォームやアンケートをサクッと作るのにとても重宝します。しかしシンプルなツールである分、デザインのカスタマイズ機能も最小限です。 とはいえ完全自作したり、有料サービスを導入するほど […]