サイトアイコン パソコンサポートの00H ~社長BLOG~

Grid レイアウト

正直今更…という気もしないでもないですが…
最近ちょっと訳あって触っているのですが
いやぁ使い勝手いいですね。

ホームページ制作の歴史からいうと
初期実装時の CSS や JavaScript がタコで…
(というか InternetExplorer が大暴れしていて)
table タグでレイアウトを組んだり(ダメ絶対!)
position: absolute; 至上主義になったり、
float タグに泣かされたり、
flex-box に驚いたりしていましたが、
セマンティック Web を考えて作ろうとすると
かなり面倒な作り方をしないといけない時期がありました。

HTML5 や CSS3 の時代を経てブラウザごとの互換性も
だいぶ落ち着いてきた感じがするのですが…
というか腐った牛乳こと InternetExplorer が終了して
ようやくまともな Web が作れるようになったと思います。

で、件の Grid レイアウトですよ。
正直レイアウトの点だけでなく、
セマンティック Web という点でも一番まともかもしれません。
主要なブラウザもサポートが完了しているので
よほどの独自実装やマイナーなブラウザでなければ
トラブルが出ることもないのではないかと思います。

ただ作っている時は Excel 方眼紙みたいに、
結構ガチガチにレイアウトが組めるので
凝り始めるとキリがないですね(笑)。

あ、銀色の巨人に黒焦げにされた我らがインボイスの君。
フラフラになりながら近くの泉に逃げてきました。
すると泉の表面が沸き立つと女型の巨人が現れたではありませんかっ !!
それではまた次回の講釈で

モバイルバージョンを終了