css gridのコードを生成できる・「Griddy」

Ads

Griddy


Griddyはcss gridのコードを手軽に実装できるツールです。実行結果を確認しながらdisplay: grid;のコードを生成してくれます。よくあるやつですね。css gridはちょっと複雑でとっつきにくい感あるので勉強用にいいかもしれません。本ツールはGithubでもソースコードが公開されていますが、ライセンスの明記はありませんのでソースコードを利用の際は開発者さんに問い合わせください。ただまぁ、便利ではありますが例によって対応ブラウザ的な問題と、対応していてもFlexboxにまだまだバグが存在するように、css gridにもバグはあるのでまだ実践導入するには至らない印象です。もちろんバグは両プロパティに限った話ではないでしょうけども。

GriddyOn Github