ウェブサービスの body 要素に出力されている id と class まとめ

[shikakun]

スタイルシートを書くとき、こういうページにだけ適用したいということがある。HTML 中にインラインで書くのは論外として、HTML の body 要素にそのページの役割を示す id なり class なりが割り振られていれば便利そうだな〜と思って他の有名どころのサイトのソースを見たら body 要素にきちんと書かれていることが多かった。

というわけで、ログイン状態でそれぞれのサービスのトップページ（ダッシュボード的な役割のページ）を見たときに body 要素に出力されていた id 属性と class 属性をまとめました。

GitHub

id	なし
class	logged_in env-production macintosh page-dashboard

Twitter

id	なし
class	t1 logged-in user-style-shikakun rosetta enhanced-mini-profile

Facebook

id	なし
class	hasLeftCol home composerExpanded fbx gecko mac Locale_ja_JP

Google+

id	なし
class	Td lj

Tumblr

id	dashboard_index
class	dashboard_index logged_in with_auto_paginate is_dashboard layout_standard

クックパッド

id	なし
class	pc top_controller top_action

はてなブックマーク

id	なし
class	global-index media-page

はてなブログ

id	なし
class	page-index

page-index とかだけでも良いけど、クックパッドとか見るに controller 名と action 名を出力するようにしてるとだいたいカバーできそうだなあ。
あとはログイン状態とか、ブラウザ名とか、UA とか、言語とか、本番環境か開発環境か、とかあると便利かな？

[kitak]

勉強になります 👀

[inouetakuya]

すげえ！！