先日行われたWeb Directions Eastで耳にした「プログレッシブエンハンスメント（progressive enhancement）」と呼ばれる概念ですが、A List Apartの記事「Progressive Enhancement with CSS」において、分かりやすい例が紹介されていました。

ページ中程でフォームのラベルと入力エリアの間に入れられることがよくある「コロン（：）」を題材に取り上げ、ラベルとしては不必要なコロンを取り除いたマークアップと、after疑似要素でCSSに記述して画面上に表示させる方法が示されています。

そして、上記のような方法を取ることによって、

• 簡単なCSSの編集でコロン（：）のような装飾を取り除くことができること
• コロンが表示されない場合でも、フォームが無益なものにならないこと

から、プログレッシブエンハンスメントの好例と位置づけられています。

英語が苦手なので正しく理解できているかかなり不安ですが、原文を読むことでなんとなくでも概念がつかめるのではないでしょうか。

ちなみに、入力フォームがdl要素やtable要素ではなく、ol要素を使ってマークアップされていることも興味深いと感じました。

ロゴがイマイチと思っていたので、朝から手を加えてみました。

フォントに関するブログをいろいろ読んでいたら、偶然「AXIS Font」と呼ばれるフォントを発見。試用版フォントをインストールして使ってみたところ、かなり納得のいく状態に。試用版のライセンスを確認したところ、正規登録をされた個人であれば、私用、商用を問わず自由にお使いくださいとのことなので、そのまま使わせていただくことにしました。

• 続きを読む

ブログ構築を初めてから、様々なことが得られるようになったと思うこの頃です。思いついたことを挙げてみると、

• 続きを読む

勉強がてら始めたブログの構築ですが、テンプレートのカスタマイズもある程度完了し、なんとか公開まで漕ぎ着けそうな雰囲気になってきました。そこで、以前から一度やってみたかった「ドメイン取得」をすることにしました。

取得は一度ボランティア関係のサイト構築で経験していましたが、レンタルサーバー会社で取得をしたので、業者に関する知識はほぼゼロ。ひとまず、下記のような条件を考え、業者を探してみました。

• 続きを読む

昨日は、アップルストア銀座で開催された「CSS Nite in Ginza, Vol.28」に参加してきました。

CSS Niteはこの10月で3周年とのこと。僕が参加し始めたのは2006年夏のVol.10からでしょうか。当時は一般企業におり、CSS Niteで学んだこともなかなか生かせない状況でしたが、今は次の日からすぐに仕事で実践できることに、今日改めて嬉しさを感じました。

• 続きを読む