「脱テーブルレイアウト」とタイトルを見て驚いた方もいるかもしれないが、データの整理に使う表でのお話。繊細な罫線や背景グラデーションを効果的に使って、個性的な表組みを作ってみたい。ポイントはGIFで作った罫線を駆使することだ。 個性的に ...

Internet Explorer（IE）／Firefox／Safari／Opera／Google Chrome……「新たなブラウザー戦争勃発」と言われるほどWebブラウザー間の ...

ある程度の規模のWebページを効率よく作る、という観点ではアズ・シーツーの堀内敬子氏による「CSSセッティング」も興味深いテーマだった。XHTML＋CSSのWebサイト制作では、複数のCSSファイルを組み合わせて使うことが多い。CSSセッティングとは、この複数 ...

Geir Wavik氏がSmashing MagazineにおいてTable Layouts vs. Div Layouts: From Hell to… Hell?においてtable要素とdiv要素、それにCSSに関する興味深い内容をまとめている。WebデザイナやWebデベロッパは一度チェックしておきたい内容だ。タイトルが示しているとおり、table問題 ...

tableレイアウト、使ってますか？ そこの若いの、「何言ってんだコイツ」と思いました？ ベテラン勢なら「あー懐かしい」と思ったかもしれません。 tableレイアウト。 9分割して並べた画像の1pxの隙間に泣き、角丸を作るためだけに画像を切り刻んでいた ...

Web制作のレイアウトは長い間、さまざまな方法で実装されてきました。昔はテーブルレイアウト、次にfloatレイアウト、そしてFlexboxが主流となりました。しかし現在、より強力で柔軟なレイアウト手法として注目されているのが CSS Grid（グリッドレイアウト ...

Webページのデザインにおいて、フローレイアウトは大きなディスプレイから小さいディスプレイまで、単一のコンテンツで表示に対応できるという利点がある。うまく組まれていればさらに小さいスマートフォンやPDAの画面でも正しく表示されるだろう。