cssグリッドレイアウトを使ってギズモード風のブログを作ってみた

今までBootstrapなどのフレームワークを使ってきましたが、やりたいことに対して高性能すぎたり、書いているうちにdiv,divだらけになって回収が面倒になるなどの欠点がありました。

何か他のいいフレームワークはないかなと思っていたときに知ったのがCSS グリッドレイアウトです。

実際に使ってみた感想としてはわかりやすくシンプルということ。一回、使い方を覚えてしまえば大体のことはできるようになるので便利。CSSフレームワークと違い、いちいち公式サイトを新たに確認する必要がなくなるのは超便利。

作る手順はざっとこんな感じ。

  1. 完成の見本を作る

  2. パーツを抽出する

  3. パーツを見せたい流れで抽出する

  4. HTMLと文章構造を組み立てる

で、実際に作ったのがこちら。

ギズモード風のブログ

github