日記
blogツール/サービスサイドバーの判別 (13:00)Edit

適当に見て回った範囲で書いたので、いろいろ間違いというか、デフォルトではないものを参考にしていたりする場合があるかも。それにしてもまだまだえぐいtableデザインのところが多いなー。tableデザインでもいいから、論理要素をDOMで判別できるようにしてくれると、ありがたいんだけど。

今回はサイドバー周りしか見なかったけど、一通りのデザイン要素をチェックしてみるのも面白そうだな。ある程度共通のアプローチってのもあるみたいだし。一応サイドバーはdiv class="sidebar"ってのが多数&主流派かな? ただ、tDiaryではclass="sidebar"で表示位置まで決まっちゃうけど、blogツール系ではさらに外側にdivをかぶせて表示位置を指定することで、3ペインとかを表現している模様。

個人的には一番ロジカルなtDiaryのデザインをベースに、もうちょっと日記(日付ベース)以外でも使いやすい標準デザインを作って、各blogツール/サービスもできる限りそれに準拠するようにするといいんではないか、とか思ったりした。

訂正・追加等のツッコミ歓迎。

blogツール系

tDiarydiv class="sidebar"※その他tDiary互換テーマを利用しているツール/サイトも同様。
IBLOGdiv class="side"
movable typediv id="links"※これが2.661以前の標準だったらしい
movable typediv id="frame-left"※本家
movable typediv class="side"※というパターンもある模様
Nucleusdiv id="stuffbar"※本家
WordPressdiv id="sidebar"※本家
lilydiv class="menu"※本家
P_BLOGdiv id="menu-box"※本家
blosxomdiv id="links"※かなー?
HNS ※tableだよね
その他 ※サイドバー要素を判別できるツールはあるかな

blogサービス系

はてなダイアリーdiv class="sidebar"※tDiary互換
JUGEMdiv class="links"※サイドバーじゃないけど、サイドバーのリンク一覧文字要素はこれにしている模様
livedoor Blogdiv id="links"
Excite Blog ※DIV ID=LEFT/RIGHTは、その中身がメニューだろうが本文だろうがかまわず、純粋に表示位置だけのために指定されるらしい
goo Blogdiv class="leftblock"※こっちが標準か?
Yaplog ※tableオンリー
Doblogdiv class="menu"※だと思う
WebryBlog ※サイドバー的な表示はないのかな?
Seesaa blogdiv id="links"
My Profile* class="side_text"※えぐいtableデザインだけどサイドバー相当に表示する文字はspanやtdのclass="side_text"に統一されているっぽい
Blogzinediv class="sidebar"
AOL Diarydiv class="sidebar"
melma! blogdiv class="sidebar"
チャンネル北国div id="links"
MyPressdiv class="menubody[\d]?.*?"※とかになるのかなー
BLOCKBLOGdiv id="menu"※のような気がする
2log ※table
ココログdiv class="sidebar"※movable type
TypePaddiv class="sidebar"※movable type
LOVELOGdiv id="links"※なんだろうな
DI:DOdiv class="freespace"
News-Handlerdiv class="sidebar"
Diary Notediv class="menu"

Published At2004-08-17 00:00Updated At2004-08-17 00:00