エプソンダイレクト株式会社
Home > 2023年11月30日(木曜日)

2023年11月30日(木曜日)

Grid レイアウト

Category: ホームページ制作 | Posted By at 23:59:38

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

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

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

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

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

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

HP Directplus -HP公式オンラインストア- デル株式会社 東芝ダイレクト 富士通パソコンFMVの直販サイト富士通 WEB MART ソフマップ・ドットコム