タグ

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

  • Re: XHTML+CSS (r)evolution, 3rdの内容は信ずるに値するか? - 我的春秋

    フロントエンドデザインだけで完結できてしまう人には、(CSS や DOM はともかく)次世代 HTML によって実感できる恩恵はすごく少ないため、class や id との差も実感しにくいのかも...なんて思いました。(でも、少なくとも次世代の Web を担う因子としては、CSS 3 なんかよりもはるかに重要。) 次世代規格(X/HTML5 や XHTML2)に何らかの抵抗がある人は、現行の規格(HTML4 や XHTML1)をそのまま継続利用すれば良く、無理に次世代規格にシフトする必要はないと思います。(ブラウザベンダーが既存の HTML文書に対するサポートを切り捨てるとは考えにくいでしょう。) X/HTML5 と XHTML2 の利点・欠点については、X/HTML 5 Versus XHTML 2 がとても要領よくまとめています。気持ちに余裕があったら、訳してみようかな..。 個人的に

    Re: XHTML+CSS (r)evolution, 3rdの内容は信ずるに値するか? - 我的春秋
    B-SAKATU
    B-SAKATU 2007/06/07
    dialog要素とdl要素の重要な相違点として、それが順序つき関係リストであるか、順不同関係リストであるかの違いがあります。 / そういえばそうだ。
  • 論理構造を文脈に読み換えながら 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 名を考える - 我的春秋
  • 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(日時) - 我的春秋
    B-SAKATU
    B-SAKATU 2007/03/13
    abbr より span のほうがいいと思う。
  • 我的春秋: (X)HTML, XML のコメント記述位置

    変数名の命名規則 (zonelog) Neko?プログラミング言語??(メモ:ブラウザのデフォルトCSS) (javaプログラマ日誌) HTML イズ ふりーだんm!! (想始創愛) h1をはじめ、見出し要素に関する議論が盛んになっている件 (STOPN 'LISTEN) 【sIFR】…でletter-spacingを効かせる方法。 (BLOG dot USK dot CC) [Web]Re: Re: XHTML+CSS (r)evolution, 3rdの内容は信ずるに値するか? (TRANS) CSS Nite LP, Disk 3 (hemiolia.com) 一歩先のWeb標準 ♯2 (withD(ウィズディー)) 一歩先のWeb標準 ♯1 (withD(ウィズディー)) CSS Nite shuffleが終了しました。 (CSS Nite公式ブログ)

    我的春秋: (X)HTML, XML のコメント記述位置
    B-SAKATU
    B-SAKATU 2007/02/09
    これを参考に <!-- END foo#bar --> って形でやってみる。
  • 我的春秋: パンくずリストのマークアップ

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

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

    最近 巡回しているサイトで、ちょっと面白いエントリーがあったので、紹介がてら、自分でも考えてみようかと。 Marking Up a Tag Cloud (24 Ways) del.icio.us, Flickr, Technorati の (X)HTML ソースを比較しながら、タグクラウドの適切なマークアップについて考察しているエントリーです。といっても、著者の Mark Norman Francis は、これらにいきなりダメ出しをしています。いわく、「問題は、みんな間違っていることだ」(The problem is, everyone's doing it wrong.)と。

    我的春秋: タグクラウドのマークアップ
  • abbr は本来 機械のための要素 —マークアップは誰(何)のためのものか? - 我的春秋

    さきの2つのエントリーと関連して。 略語に振り回される今日この頃 abbr の title 値を CSS でポップアップ abbr を使わずに直書きするのが最善? ANOTHER PIECES(id:xcezx さん)の「abbr 要素 その2」というエントリーで、次のようなご指摘をいただきました。(id:xcezx さん、ありがとうございます。個人的にこういう前向きな批判や議論は大歓迎です!) 「CSSを処理しないテキストブラウザや音声読み上げブラウザでは、やはり略語のフルスペルは表示されないよね。」というのがユーザビリティ的な観点から、満点をあげられない理由。 ユーザビリティを考えるなら、小賢しいテクニックなど使わずに、"XHTML (eXtensible HyperText Markup Language)" とかした方がよっぽどいい気がする。 結論からいえば、この指摘は大変ごもっと

    abbr は本来 機械のための要素 —マークアップは誰(何)のためのものか? - 我的春秋
    B-SAKATU
    B-SAKATU 2006/11/29
    マークアップは意味づけできりゃいいんだよ。
  • 我的春秋: HTML エディタとしての Carbon Emacs

    Dreamweaver などがまだ Intel Mac に対応していないこともあって、目下、色々なエディタを試用しながら、自分に合ったモノを探しています。ポイントは以下の通り。 Intel Mac + Tiger でも動作すること UTF-8 の読み書きに対応 GREP(正規表現検索や置換)ができること シンプルな UI 軽量・軽快なこと 要素・属性・属性値・コメントなどの色分け機能 要素名・属性名・属性値などのコンプリーション(補完)機能 閉じタグのコンプリーション(補完)機能 DTD, RelaxNG, XML Schema などからのパーシングができること もしくは文法チェック(validation)がエディタ内でできること 最後の2点は欲を言えば..といったレベルの希望なんですけど、それでもいくつか候補は上がってます。そのうちの一つが今回 取り上げる Carbon Emacs(+

    我的春秋: HTML エディタとしての Carbon Emacs
    B-SAKATU
    B-SAKATU 2006/10/11
    はやく使ってみたい。
  • 我的春秋: 振る舞い分離 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+) 対応ブラウザ

  • 我的春秋: 続 JavaScript ソースが HTML から消える日

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

    我的春秋: 続 JavaScript ソースが HTML から消える日
  • 1