Learn more
Please note that GitHub no longer supports Internet Explorer versions 7 or 8.

We recommend upgrading to the latest Internet Explorer, Google Chrome, or Firefox.

If you are using IE 9 or later, make sure you turn off "Compatibility View".

Sign up
This repository

public / tips Octocat-spinner-32

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Clone in Desktop Download ZIP
New issue

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

Open
shikakun opened this Issue · 1 comment

Labels

まとめ

Milestone

No milestone

Assignee

No one assigned

2 participants

shikakun Keisuke KITA
shikakun
shikakun commented Owner

スタイルシートを書くとき、こういうページにだけ適用したいということがある。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 とか、言語とか、本番環境か開発環境か、とかあると便利かな？

Keisuke KITA
kitak commented

勉強になります :eyes:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.