無駄なdiv要素やclassだらけのマークアップから卒業する方法

グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ

[tshota72]

マークアップ

[mongrelP]

px指定っすか…

[mactkg]

なるほど！

[koutomi]

非常にわかりやすい説明。

[dreamily]

意味のあるデータにはそれに適した要素を使用する必要がある。

[shirotorabyakko]

960.gsでの事例

[superrush4x]

グリッド配置するCSSフレームワーク→960.gs

[hottn]

css webデザイン html

[ghostbass]

まだ入れてなかった

[hazy-moon]

[

[maki2525smile]

コーディングの参考に

[jannejango]

CSSのフレームワーク：960.gs

[stibbar]

CSSフレームワークって使ったことないなぁ。ところで、CSS系ってなんでこんなブクマつくの?

[darabotti777]

とりあえず

[bearide]

親要素にまとめろ、と。

[totenglocke]

きになる

[kaminari-boo]

趣味でレベルの知識だったので、わからないこともあるぞ。勉強せな。

[hp-seo]

個人的にはそういうことまで意識はしていない。そこまで考えると時間かかりすぎるし

[qqq5963]

css webデザイン web制作 html レイアウト あとで読む フレームワーク tips WebDesign Web

[naiagaranotaki]

取り入れていきたいです。

[khiroaki]

普段真面目にHTML書かない人種には，なかなかに目から鱗．

[t_yano]

デザイン苦手でcssも苦手なのですごく参考になった。なるほど，さきにグリッドを決めておいて，それを前提にスタイルを作るのか。

[cu39]

「使用する際には、自分が使用するclassのみ残し、他のclassは削除する」気持ちはわかるけど、せっかくの「フレームワーク」の威力を削いでる気もする。

[creaism]

#sstart 無駄なdiv要素やclassだらけのマークアップから卒業する方法 | コリス

[adsty]

CSSのフレームワーク「960.gs」の使用例。

[feb223]

無駄なdiv要素やclassだらけのマークアップから卒業する方法→

[kuracom]

フレームワークはともかく、子孫セレクタの活用は当たり前に使われてると思ってた。基本中の基本。

[dododod]

div好きー

[lordkf]

というか、960.gsの提灯記事。

[hiko07072]

[][CSS][webデザイン][web制作]