ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

Naming of id/classコミュの【主要ブログツール】のワイヤーフレーム命名規則

  • mixiチェック
  • このエントリーをはてなブックマークに追加
◇Naming conventions table
http://www.stuffandnonsense.co.uk/archives/naming_conventions_table.html

海外のこの一覧表に倣い、まずは日本で普及している主要ブログ・ツールのデフォルトテンプレートから探検してみます。
(デフォルトがどれかわからないくらい選択肢の多いブログでは、極力、「シンプルであること」「制作者が運営者であること」「2カラムがベース」なのを基準に選択したほうが比較しやすいかと思います)

ここでは、細かい class の名称に関しては省略し、
header / navigation / main contents/ sidebar / footer
のように、大きく分類された情報領域に対してつけられている名称を調査していきます。

随時追加情報を募集しています。

-------------------------------------------------------
【書き込み用テンプレート】
■ブログツール(サイト)名:
■ブログツール URL:
■文書型定義:
■全体を囲むbox:
■ヘッダ:
■ナビゲーション:
■メインとサイドを囲むbox:
■メイン:
■サイドバー:
■フッタ:
■その他:
■特記事項:
-------------------------------------------------------
※命名の仕方に主眼を置いていますので、命名に関係のない部分でのレビューはご遠慮ください。

コメント(6)

■ブログツール名:Serene Bach
■ブログツール URL:http://serennz.cool.ne.jp/sblog/
■文書型定義:XHTML 1.1
■全体を囲むbox:なし
■ヘッダ:class="title"
■ナビゲーション:class="entry_navi"(メインに内包)
■メインとサイドを囲むbox:class="body"
■メイン:class="contents"
■サイドバー:class="navigation"
■フッタ:class="footer"
■その他:
■特記事項:
■ブログツール名:a-blog
■ブログツール URL:http://www.a-blog.jp/
■文書型定義:HTML 4.01 Transitional
■全体を囲むbox:id="allBox"
■ヘッダ:id="headerBox"
■ナビゲーション:id="newsNaviBox"(メインに内包)
■メインとサイドを囲むbox:なし
■メイン:id="mainBox"
■サイドバー:id="subBox"
■フッタ:id="footerBox"
■その他:
■特記事項:

ログインすると、みんなのコメントがもっと見れるよ

mixiユーザー
ログインしてコメントしよう!

Naming of id/class 更新情報

Naming of id/classのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。