有名サイトが使っているid名class名集めてきました!

コーディングしてる方なら誰しもが一度思ったはず!idやclassの名前をどうしよう・・・・。

変な名前なんてつけたらダサいと思ってしまうし.........
こう思ってしまうのは自分だけではないはず。

そう思いこのたびいろんな有名サイトが使っているid名class名をせこせこ集めたものここでまとめちゃいました!
名前に困った時はいつでも見て下さい。

…ここからが続き

全体を囲う要素に使えそうな名前

  • wrapper
  • wrap
  • page
  • container
  • all
  • body
  • box
  • layout

上部の要素に使えそうな名前

  • header
  • head
  • top
  • sitemast
  • pagetop
  • intro

ナビゲーション要素で使えそうな名前

  • globalNavi
  • gnavi
  • gnav
  • navigation
  • navi
  • nav
  • topNav
  • navcontainer
  • contentNavi

本文、メイン要素で使えそうな名前

  • maincontent
  • content
  • contents
  • main
  • maincol
  • mainbox

サイド要素で使えそう名前

  • menu
  • sub
  • subNav
  • links
  • linkList
  • sidebar
  • ashtray
  • col

下部要素で使えそうな名前

  • footer
  • foot
  • copyright
  • head

本文、メイン要素内で使えそうな名前

  • entry
  • entryBody
  • entryblock
  • entrydate
  • item
  • column
  • contents-inner
  • inner

Comments

さく

さく

こういう情報が意外とありがたいですね。
id名class名が日本語読みのローマ字とかだと、見てくれはどんなにしゃれたサイトでも「アァ〜・・・」ってなりますもんね(笑

どの記事もとても参考になります!

これからも拝見させていただきます。

2010年04月27日 17:55

Comment Form

※コメントが認証されるまで、コメントは反映されません。ご了承くださいませ。


(公開されません)
 
Captcha

画像の中に見える文字を入力してください。

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年

Related Article