今回紹介するCSSグリッドジェネレーターを使うことで、
簡単に格子状のレイアウトを作ることが出来ます。
その名も「LayoutIt!」です。
グリットレイアウトはなかなか癖があり、複雑です。
宣言の内容も長くなりやすく、実装に手間がかかります。
今回紹介するLayoutIt!はマウスで直感的に枠組みを作ることが出来、
写真ギャラリーなどを簡単に作ることが出来ます。
使い方も簡単で、
まずはデザインを決め、デザインに合わせて枠組みの形を決めます。
枠組みが決まったら、それぞれのエリアに名前を付けます。
たったこれだけで、右側にHTMLとCSSのコードが現れます。
これをコピペするだけでCSSグリッドを実装できます。
LayoutIt!を利用することで、
簡単に複雑なデザインが作れるのでとてもおススメです。
また、レスポンシブデザインを手早く作れるので非常に便利ですね！
