CSSグリッドレイアウトのコードを生成できるツール「Griddy」
CSSグリッドレイアウトのコードを生成できるWebサービス「Griddy」の紹介です。プレビューを確認しつつエレメントの増減やカラムの調整を行えますので勉強する意味でも便利なツールです。もちろんコードも生成されるのでコピペで活用できます。
Griddy
-
Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
-
英語フォントの組み合わせをコレクションした「Fonts That People Actually Use」
-
カエルのゲームでFlexboxを学べるサイト「Flexbox Froggy」
-
JPG・PNG・GIF・SVGの画像を圧縮してくれるWebサービス「Compressor.io」
-
様々なスタイルのCSSを簡単に作れる「Generate CSS」
RELATED POSTS
水中の歪みを表現したエフェクトが気持ちいい「Liquid Distortion Effects」
CSSをショートハンドに書き換えてくれる「SHRTHND」
【jQuery】要素を３D回転させるプラグインTURNBOX.js
音楽に合わせて要素を動かすことができる「Rythm.js」
【jQuery】動画を背景にフルスクリーンで表示させる「covervid.js」
CSSでインスタグラムのようなフィルターを再現できる「Instagram.css」
