CSSとJavaScriptで実装できるメニューをまとめた「110 CSS Menu」

Webデザイン

2017/01/24　 2019/04/16

様々なバリエーションのメニューをまとめた「110 CSS Menu」がアイデア出し等で役に立ちそうなので忘備録。100種以上のメニューがありカテゴリー（Accordion・Circular・Dropdown・Fullscreen・Horizontal・Mobile・Off-Canvas・Side・Toggle・Sliding）も豊富なので、新しいアイデアが生まれるかも知れません。

110 CSS Menu

イメージを見ながら学べるCSS GRIDのチートシート「GRID」
CSSグラデーションの作成に役立つジェネレーター・Webサービス11選
CSSグリッドレイアウトのコードを生成できるツール「Griddy」
バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
ギザギザボーダーを作れるジェネレーター「CSS Jagged Border Generator」

【JS】要素をモーダルウィンドウに変化させる「cta.js」
【jQuery】いろんなエフェクトの背景画像カルーセル「Crosscover」
【JS】マウスの動きに合わせて影の角度が変化する「shine.js」
【jQuery】レスポンシブ対応のスライダー「Glide.js」
動きのあるバブルを背景に設定することができる「bubbly-bg」
【jQuery】画像のサイズを保持しつつレスポンシブに変化させる「ResponsifyJS」