CSS Grid Layoutのコードを簡単に生成することができるサイト「Griddy」

2017/05/06

こんにちは。
今回はCSS Grid Layoutのコードを簡単に生成することができるサイト「Griddy」です。

CSS Grid Layoutのコードを表示確認しながら生成することができるWebサービスを紹介します。

CSS Grid Layoutのコードを簡単に生成することができるサイト「Griddy」!

Griddy

griddy

http://griddy.io/

 

Griddyの使い方

griddy2

使い方は簡単で、画面左部分で、アイテムの数やサイズ、空白などを設定します。
画面右上にリアルタイムで表示確認することができますよ。
コードは画面右下に生成されます。

 

CSSシークレット ―47のテクニックでCSSを自在に操る
CSSシークレット ―47のテクニックでCSSを自在に操る

 

いかがでしたか。CSS Grid Layoutを使う際に使ってみてはどうでしょうか。
以上でCSS Grid Layoutのコードを簡単に生成することができるサイト「Griddy」でした。

topへ戻る