年表などのデザインって稀にしかしないので、いざデザインする時に面倒臭いですよね。 ここでは、年表やタイムラインのデザインの参考になるものを紹介していきます。 Vertical Timeline http://codyho…

CSS box-shadow examplesが便利 最近のニューモーフィズム・スタイルで見かける、立体感を演出するドロップシャドウ。どこかにサンプルないかなと思い探してみたら、ありました。超便利なのが。 CSS box…

何度も実装することがあったので、コピペで使いまわせるようにメモ。 シンプルなので応用も効きやすい。 html css ハンバーガーメニュー部分 フルスクリーンナビゲーション部分 jQuery jQueryを使えるようにす…

参考サイト https://projects.lukehaas.me/css-loaders/ こちらのサイトのコードを拝借して、コピペで簡単にローディングアニメーションを作成することができます。 実装の流れ htmlに…

line-heightのルール付け px基準に条件付けせずに、クラス基準にしていくとシンプルに分岐できる。 考え方 見出し用の共通クラスと文章用のクラス設計を分ける フォントサイズに関わらず見出しは line-heigh…

CSSをSASS/SCSSに変換するツール CSS 2 SASS/SCSS CONVERTER cssからSassへ逆コンパイルできる便利ツールです。 無料で使用できます。 SASS/SCSSをCSSに変換するツール S…