『HTML5+CSS3の技術を先取りして実装してみること』というルール…とりあえず、HTML5に新しく追加された要素、用途を変更された要素について色々調べながら、空いてる時間にコーディング。。

まだ、募集期間中なので、公開はできませんがいろいろ大変でした。「これってcss3でいけるんじゃ…」とか。
というか、お題のデザインからcss3でコーディングしろよー的な香りがぷんぷんしてましたから。。

募集期間が終わったら公開するかもです。
締め切りが日本時間の2010年3月22日（月）23:59なので、まだ十分間に合うので、是非参加してみてください。
html5とcss3の勉強をするのにとても良い機会になりましたよ。

Coding Contest #02

まず、PDFを印刷して、A～Z,a~Z,0~9,!?など必要な文字を手書きで書く、
そして、それをスキャン　200 DPI以上のpngかjpgで保存し、アップロードするとfontを作ってくれるというサービス。

FAQにもあるが、全部タダで作れるようだ。まだやってないけど。

http://www.fontcapture.com/

MovableTypeに熱中するきっかけをつくってくれたイベントMT4LP5につづいて『CSS Nite LP, Disk 6「CMSリベンジ編」』に参加してきます。

『WebRelease 2、a-blog cms、SOY CMS、CMS Designer、RCMSの5つの国産CMSにスポットを当て、 それぞれの可能性を検証するイベント』ということで、参加前にそれぞれのCMSを色々調べて行きたいと思います。
SOY CMSは、以前にCSSNiteで株式会社日本情報化農業研究所の社長 古荘さんのセミナーを聞いて少し使ってみたことがあるが、他のは触ったこともないんで、色々試してみたい。

そこで紹介されていた、条件分岐を使ってIE6にCSSを読み込ませない方法を早速やってみた。

<!--[if gte IE 7]<!-->
<link rel="stylesheet" type="text/css" href="hoge.css" />
<!--<![endif]-->

のように書くとIEは、IE7以上がhoge.cssを読み、またIE以外のブラウザもhoge.cssを読むらしい。
ポイントは、コメントアウトのタグらしい。

通常の条件分岐コメント例はこちら

ちなみにこのサイトの2009年4月20日から5月20日までの一ヶ月のブラウザの割合は、以下のとおり

IEのうち
IE7･･･56.32%　IE6･･･32.95%　IE8･･･10.73%

まぁこのサイトがWEB制作している人くらいしか来ない内容なんで、IE6がCSS切れてても問題ないだろうけど、
さすがにクライアントのサイトにIE6撲滅キャンペーンを仕込むわけにはいかないですが・・・
IE6のシェアが早く減るのを祈りつつ、IE6を対処するのもまた楽し。今日この頃。