HTML の見出しをめぐる議論 - 我的春秋
先週は数日にわたって頭痛がひどくて、意識的に電脳から距離を取るようにしていたんですが、この周辺の話題については、色々な意見が出ていて楽しく拝見してました。 ただ、ひとつ気になったのは、思った以上に多くの方々が、現有の...ないし自分の周辺で目にするモデルの枠内だけで仕様書の内容を捉えてしまっているところ。 色んな可能性や考え方に応えられてこそ標準 徳保隆夫さんが多様な価値観を認める仕様でなければ、世間に通用しない。（HTML に装飾要素は必要）と指摘されているように、標準規格というのは、本来 可能な限り、あらゆるユースケースを（需要の小さいユースケースや、例外的なユースケースをも）極力踏まえて、多様な需要にたえうるモデルに組み上げることが求められます。どちらかというと、モデルは需要の高い要求よりも、需要の低い要求によって、その輪郭や柔軟性が決まってきます。 ですから、石川一靖さんの「見出し
論理構造を文脈に読み換えながら 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名をつけている方には、それほど新味はないかも。） 例によって
定義リストの違和感 - 我的春秋
変数名の命名規則 (zonelog) Neko？プログラミング言語？？（メモ：ブラウザのデフォルトCSS） (javaプログラマ日誌) HTML イズ ふりーだんｍ！！ (想始創愛) 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公式ブログ)
hr要素は改名して、インライン要素とするのが活路かも - 我的春秋
なんだか br要素の話が賑やかなようなので便乗。(^ ^;) ここで改行ったら改行（カナかな団首領の自転車置き場） br 要素（カナかな団首領の自転車置き場） 私はbr要素が好きじゃない（der Gegenwart） br要素は好きじゃない（sky line blog） br 要素問題は CSS2.1 で解決か!? どちらかというと現行規格ではなく、次世代規格の話になるので、少なくとも批判とかじゃありません。平たくいえば「br, hr 要素を論理セパレータとして見なすとこんな感じかな？」「その特性を活かすなら、仕様をこう変えた方がいい気がする」的な話です。 ちょっと小難しそうな感じがする方は、前置きはスルーして、ユースケースとサンプルコードだけ眺めてもらって、まったく支障ありません。っていうか、次世代規格の話だし、需要自体もそんなにたくさんあるようなネタでもないし、いっそ、全部まるごとスル
Firefox メインでも、ひそかに Opera 好きのユーザー - 我的春秋
Opera でいいなと思う点 IE や Safari と違ってクロスプラットホーム。（Windows・MacOS X・Linux etc..） しかも、Firefox と違っていろいろなデバイスで使える。（携帯・PDA・Wii・NintendoDS etc..） 手元の携帯（W41CA）用の Opera が PC 向け IE 7 よりも CSS をちゃんと解釈してくれるのを見てると、なんだか IE がとっても可哀想な存在に思えてくる。(^ ^;) （Opera 9 になって少し重くなったような感じもするけど）基本的にすごく軽い。 Fixed layout（固定幅レイアウト）なサイト用にズーム機能が実装されている。（IE 7 でも実装されたけど、こちらが本家本元。） CSS media queries を使えば、一枚の HTML 文書と Opera の 4つの表示モード切替で 4度美味しい使
CSS Nite Shuffle レポート - 我的春秋
日刊徒然音声雑記などでお馴染みの境祐司さんのご招待で CSS Nite Shuffle に行ってきました。（境さん、ありがとうございました！） 境さんとは、知識共有や暗黙知まわりでお話することができましたが、このあたりはまたいずれ（必ず）。 天気は冬に逆戻りしたかのような冷たい雨。会場は、渋谷のラブホテル街の中にある、ライブハウスということで、なんだか妖しくも不思議な気分でした。(笑) Special Contents ライブハウスならでの演出があるとは聴いていましたけど、まさか弦楽四重奏とは思いませんでした。境さんとなぜか最前列の真ん中の席に座ったこともあって、ちょっとしたサロンみたいで贅沢な気分になれました。特に奏者（4人とも女性）の紹介がなかったところを察するに、アマチュアの方でしょうか？曲目は全部は覚えてませんけど、モーツァルトのアイネ・クライネ・ナハトムジーク、バッハの G線上の
Re: 正しくHTMLを書こうと心がけている人に5つの質問 - 我的春秋
HTML文書を制作する際に使用しているプログラムをお答えください。（Webプログラムも含む） 採用しているDTDとその理由をお答えください。 何故正しくHTMLを書いているのですか？ W3CとWHATWG、どちらに期待してますか？ あなたにとってHTMLとは何ですか？ 正しくHTMLを書こうと心がけている人に5つの質問より テキストエディタ追記: （状況に応じて、割と節操なく変えてます。Windows: EmEditor, Crescent Eve | MacOS X: skEdit, JEditX, Smultron, Carbon Emacs+PSGML, mi | IDE: Aptana, Oxygen）, Web Developer（Firefox 拡張）, Total Validator（Firefox 拡張）, Firebug（Firefox 拡張）, 追記: Copy URL
Apollo（+ Scout）のレンダリングは Safari 互換か？ - 我的春秋
amachang さんの IT戦記に、Apollo の Scout というアプリケーションを使えば、わざわざ Safari の動作確認のために MacOS X を用意しなくてもよくなるみたいなことが書いてあったので、早速、落としてみました。（ただし、Windows 2000 にですが。(^ ^;) ） IT戦記 - Apollo 登場！もう Safari の確認用に Mac 買わなくてよくね？ Windows で Safari 互換の Web ブラウザが使えるようになるとすれば、やっぱり気になりますよね。 まずは Apollo SDK やランタイムを入れて中身をざっと調べてみると、確かに ApolloWebkit.dll という12MB くらいのファイルがありました。をぉ、確かに。 ブラウザつき Webページ解析アプリ Scout 次に、やはりAdobe Labs から、問題の Apoll
なぜ XHTML で 5W1H のマークアップなのか？ - 我的春秋
情報の基本は 5W1H 情報の基本は（扱い手が人間だろうと機械だろうと、またアナログだろうとデジタルだろうと）何といっても 5W1H（When, Who, Where, What, Why, How）ですよね。今後、複数の API を掛け合わせたマッシュアップサービスや、検索エンジンベースのアプリケーションがますます増えていくんでしょうけど、自然、この 5W1H をいかに有機的に結びつけるかが、大きなポイントの一つになっていくものと思われます。そんなことから、折りをみて、5W1H の情報化を HTML で行う手段を少しずつ整理してみようと思い立ちました。（なお、ここでいう HTML は、microformats や DublinCore といった、直接 HTML として記述できる規格を含みます。） 5W1Hで考える情報の連携（実践！Webマーケティング：Blog | ミツエーリンクス） な
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 について 北村さんよりご指摘をいただきまして（→ はてブ コメ
ink 要素をナビゲーションに利用することの注意点（改訂）：我的春秋
［2007-02-08 18:00: 内容を増訂しました。］ パンくずリストがベストとは限らない（WWW WATCH）で、link 要素を使ってページ間を関連づけるという方法が解説されています。本文でも指摘されているように、ブラウザの実装上の問題で、現実的にはナビゲーションとしては使えませんけど、セマンティックウェブという観点で見れば、むしろパンくずリストなどよりも、よほど重要な要素には違いないので、僕も興味深く拝見させていただきました。（「参考までに」で済ませてしまうのは、ちょっともったいないくらい。） 実装面について 機能として標準実装されている Opera に加え、Firefox 向けの可視化 Tips が FirefoxでOperaのようなlink要素を表示させる「Mozeraナビ=叢ナビ」 (インターネット帳面)と、link 要素を可視化してみる（double-team.org）
配色管理用の CSS をモジュール化する - 我的春秋
今日は再現性の高いスタイル（プロパティの集合）ごとに、CSS セレクタをグループ化して管理する事例として、ちょっと前から制作中のサイトで実践している、配色管理の方法を紹介してみようと思います。（とっくに似たようなことを実践されている方も、きっといらっしゃると思います。お気づきの点があれば、細かいことでもご教示・ご指摘いただけましたら幸いです。） （なんだか、CSS が主題のエントリーって、随分、久しぶりのような気がする..。） 配色管理モジュールの作成方法 色に関するスタイルをすべて、この配色管理モジュールに集約する。 別出した color.css は、@import で上位 CSS ファイル（もしくは HTML ファイル）から読み込ませるようにする。 セレクタは、同一スタイルごとにグループ化する。（注意: CSS セレクタ、グループ化の落とし穴） セレクタは、浅い階層の一般的なものを先に
我的春秋 コード共有のためのネーミングルール
最近、CSS の使いまわしなどを視野に入れ、一部で class名や id名の共有というテーマへの関心が徐々に高まりつつあるような印象です。microformats なんかも、その流れのひとつといえるでしょう。 Naming conventions table（And all that Malarkey） もう、class名やid名で悩まないんだからっ！！（CSS HappyLife） (X)HTML の id/class における命名規則（purprin さん CSS Flight プレゼンスライド） 名前の共有はコードの共有のための（複数人で同一コードを編集・転用する）重要なファクターのひとつですし、非常にいい傾向だとは思うんですけど、実際につけられている名前を見てみると、シブい顔をせざるを得ない事例が結構あるようです。 コード共有のためには避けたい命名事例 構造ではなく見栄えで命名して
我的春秋: (X)HTML, XML のコメント記述位置
変数名の命名規則 (zonelog) Neko？プログラミング言語？？（メモ：ブラウザのデフォルトCSS） (javaプログラマ日誌) HTML イズ ふりーだんｍ！！ (想始創愛) 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公式ブログ)
プロとして気に留めておきたい 8ヶ条 - 我的春秋
プロとして仕事を遂行していくための心構えとか、指針とか、そういったようなものの備忘録です。なんとなく、考えていたことの断片を整理して書き留めてます。たぶん、個別的には、随所でよく見かけるスローガンばかりだと思いますが、要するにマイチョイス（というか、完全に自分用）です。ここに書き留めたような境地にいたるのには、まだまだ修行が全然足りませんけど..。(- -;;) 目的を明確にする 目的の優先順位を明確にする 目的を達成する手段はひとつではない 複数ある手段の中から、最適な手段を採れるのがプロ なぜその手段が最適なのかを説明できるのがプロ 問題解決力よりも問題発見力 問題を切り分ける（問題点のモジュール化） 依存関係を把握する 目的を明確にする 目的の優先順位を明確にする 戦略レベル/戦術レベルでの目標を明確にしておくこと。曖昧にしておくと、往々無駄な作業に余計な時間を費やしてしまうことにな
WebKit が CSS 3 box-shadow に対応 - 我的春秋
WebKit のナイトリービルドが box-shadow プロパティ（-webkit-box-shadow）に対応してます。これはうれしい実装情報ですね。ほかのブラウザでも、こうやって角丸やドロップシャドウに、だんだん画像を使わなくても良いようになってくると良いのですが。 WebKit とは？ WebKit とは 要するに Safari のベースになっている Cocoa ベースのブラウザコンポーネントです。 サンプル WebKit CSS 3 box-shadow Example WebKit での CSS 3 box-shadow プロパティは、-webkit-box-shadow: [右方向の影の長さ] [下方向の影の長さ] [ぼかし半径] [色]; で指定します。たとえば -webkit-box-shadow: 2px 2px 2px #666; のような具合です。 W3C のドラフ
新モーツァルト全集PDF公開 - 我的春秋
NMA Online がモーツァルトの生誕50周年を記念して、ベーレンライター版 新モーツァルト全集の PDF データを、オンラインで無償公開することになったようです。学術・教育などの非商用利用ならば自由に利用できるとのこと。う〜ん、これはすごいですね！ NEUE MOZART-AUSGABE / DIGITAL MOZART EDITION 検索画面はドイツ語（ドイツ語と英語）ですが、以下の項目から絞り込んで検索できます。 KV: いわゆるケッヘル番号（Ludwig von Köchel がつけ始めた、K.550 とか KV.550 のように書かれるモーツァルトの作品の整理番号）。以下のような感じで版などで絞り込んで検索することもできます。 KV: ケッヘル初版の番号 KV6: 第6版の修正番号 KV anh.: 初版で別出された紛失作品や断片 KV6 anh.C: 偽作や疑作曲 Gat
MusicXML で楽曲セマンティクスをデータ化 - 我的春秋
MusicXML に挑戦 で、折角なので、ちょっとだけ、僕も自分で挑戦してみました。...といっても、なかなか思ったよりも重装備な規格で、スキーマ（DTD）+ 自動補完を駆使しても、さすがにエディタで手打ちはムリ。試用できそうなオーサリングツールを選んで使ってみました。 関連リソース というわけで、まずは調査。 MusicXML Definition - Version 1.1MusicXML （2006-12-14 時点での最新バージョンは 1.1）のドキュメント類や DTD、サンプルなどが置いてあります。 MusicXML Software（Recordare）MusicXML を読み・書き・編集・変換できるツールの一覧と詳しい説明があります。 PC で楽譜を作成するそのほかの方法（LilyPond 入門）色々なツールや規格がまとめてあります。個人的に興味深かったのは、MusiXTeX
我的春秋
変数名の命名規則 (zonelog) Neko？プログラミング言語？？（メモ：ブラウザのデフォルトCSS） (javaプログラマ日誌) HTML イズ ふりーだんｍ！！ (想始創愛) 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公式ブログ)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
我的春秋: タグクラウドのマークアップ