ブックマーク / my-chunqiu.cocolog-nifty.com (5)

  • 我的春秋: パンくずリストのマークアップ

    ちょっと前に パンくずリスト(Topic Path)を作成する際に使えそうなサンプル8種(CSS HappyLife)というエントリーが盛況でしたが、今日はパンくずナビゲーションの論理構造面を補強する意味も込めて、(X)HTML マークアップの例を、サイト構造やサイトの目的に応じて、いくつか挙げてみました。CSS の話まで入れると長くなるので、今回は(も?)(X)HTML マークアップに話を絞ります。CSS については、特にセレクタまわりが結構 変わってしまいますが、ひとまず、HirasaWa さんのエントリーなどを参照してください。(気が向いたら、別エントリーを立てますけど、実際に書くかどうかは未定。) 階層型構造(tree structure) [2006-02-11 追記] 石川一靖さんより、「セマンティクスを重視するならa要素にrel/rev属性を加えてリンクの関係性を明示するのが

    我的春秋: パンくずリストのマークアップ
    leva
    leva 2008/12/01
    実装側の悩みとして、階層型構造は複雑な装飾が難しいんですよね。現にapple.comのパンくずリストは階層型リストなのに、リニアな順序付きリストでマークアップしてますし。そんな私も妥協したこと数回。
  • 論理構造を文脈に読み換えながら class 名を考える - 我的春秋

    POSH encapsulates the best practices of using semantic HTML to author web pages. Semantic HTML is the subset of HTML 4.01 (or XHTML 1.0) elements and attributes that are semantic rather than presentational. posh - Microformatsより 基的にはより論理構造を意識した class名をつけることが、今日のお話の目的なんですが、semantic-class-names のリンク先にない新味は、論理構造を文脈に読み換えながら class 名を考えるという点。(ただし、普段から意識的に文書全体の構造に照らして class名をつけている方には、それほど新味はないかも。) 例によって

    論理構造を文脈に読み換えながら class 名を考える - 我的春秋
    leva
    leva 2007/05/31
    class名はsection-h構造風味に、id名はこれで行こうかな。
  • 5W1H のマークアップ 1: When(日時) - 我的春秋

    ちょっと思い立って、5W1H の XHTML マークアップの手段について、少しずつ整理してみることにしました。 理由や意義については、また別エントリーを立てるとして、とりあえず今日のところは、When?(いつ?)...つまり、日時のマークアップ手段から。 (X)HTML meta name="date" syntax <meta name="date" content="[W3C-DTF]" /> [W3C-DTF]: YYYY-MM-DDThh:mm:ssTZD(≒ ISO 8601。必要に応じて、秒・分・時・日・月は省略可。) [TZD]: ±hh:mm | Z(タイムゾーン。日なら "+09:00"。UTC 協定世界時なら "Z"。) 追記: W3C-DTF のバリアントと (X)HTML における %Datetime について 北村さんよりご指摘をいただきまして(→ はてブ コメ

    5W1H のマークアップ 1: When(日時) - 我的春秋
    leva
    leva 2007/03/08
    WhenとWhereが規定できれば時空間が表現できるね。
  • 我的春秋: 振る舞い分離 JavaScript ライブラリ一覧(編集途中)

    我的春秋: 関連エントリー 2006-06-11: 振る舞い分離 JavaScript ライブラリ一覧(途中) 2006-06-10: 続 JavaScript ソースが HTML から消える日 2006-01-05: JavaScript ソースが HTML から消える日 lib. behaviour.js (v1.1) getElements BySelector cssQuery() jQuery prototype.js (v1.5+) 対応ブラウザ

    leva
    leva 2007/02/05
    CSSQuery(),jQuery,prototype.jsなど、リファレンスとして使おう。
  • 我的春秋: 続 JavaScript ソースが HTML から消える日

    なんか、はてなブックマーク経由で、突然、昔のエントリー(JavaScript ソースが HTML から消える日)にアクセスが集中しているのに気づいて、急遽、フォローアップ エントリーをアップすることにしました。あのエントリーを書いてからまだ半年ですけど、あの時点で僕が気づいていなかったことも幾つかありましたし、何より状況が随分変化してます。 手みじかにおさらいしておくと、「JavaScript ソースが HTML から消える日」で紹介したのは、Ben Nolan 氏が開発した behaviour.js という JavaScript ライブラリです。このライブラリは、関数の実行場所を、外部 js ファイル内で CSS セレクタを使って指定することができ、これによって従来 HTML 中に埋め込んでいたイベントハンドラ部分も含め、文書構造(document structure → HTML の役

    我的春秋: 続 JavaScript ソースが HTML から消える日
    leva
    leva 2006/06/11
    javascriptライブラリによる構造と振る舞いの分離。クロスブラウザ・使い回しが効く・容易に使用できるなどの利点
  • 1