CSSグリッドレイアウトのコードを生成できるツール「Griddy」
CSSグリッドレイアウトのコードを生成できるWebサービス「Griddy」の紹介です。プレビューを確認しつつエレメントの増減やカラムの調整を行えますので勉強する意味でも便利なツールです。もちろんコードも生成されるのでコピペで活用できます。
Griddy
-
CSSで簡単に作れるおしゃれな見出しデザイン20選
-
イメージを見ながら学べるCSS GRIDのチートシート「GRID」
-
Google Mapのスタイルテンプレート「Snazzy Maps」
-
マルチカラーグラデーションのコードをコピーできる「gradienta」
-
データの視覚化(グラフ・表)をまとめたサイト「Data Viz Project」
RELATED POSTS
アイコンフォント「FontAwesome」の使い方
入力フォームを実装するためのテンプレート「Boilerform」
CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」
【jQuery】商品一覧ページなどで効果的に使える「Product Preview Slider」
【JS】マウスの動きに合わせて影の角度が変化する「shine.js」
スクロール連動のエフェクトを実装できるライブラリ「AOS」
