CSS - Yasuhisa Hasegawa

Blueprint CSS と仲良くなるツールあれこれ

ごくたまにですが、自分の本編講演が始まる前に簡単なツールの紹介をすることがあります。小難しいことを話す前にキャッチーな話題に触れて講演に少しでも注目してもらおうと考え、時間がうまく調整出来たときにしています。昨年９月に開催された CSS Nite LP7 [http://www.yasuhisa.com/could/diary/css-nite-lp7/] では、Blueprint [http://www.blueprintcss.org/] という CSS フレームワークを紹介しました。 Blueprintは、様々なレイアウトパターンを class 属性を変更するだけで作ることが出来ます。カラムの数、コンテンツエリアの横幅、ボックスの移動、そしてフォームの作成など手軽に操作が可能です。柔軟性に長けているだけあってコードの量やファイルの分け方が独特なので、納品物として出せない場合がありますが、HTMLでプロトタイプを作りたいという方には良いツールです。 CSS フレームワークと呼ばれるツールセットは他にも幾つかありますが、Blueprintは関連ツールが豊富にあるのが利用するひ

CSS

TypeKitから始まるウェブ文字革命

今月はじめに John [http://johnfallsopp.com/] が来日したときに「フォント関連で近々発表があるんだよね」と言っていたのですが、ついに全貌が明らかになったようです。Jeffrey Veen [http://www.veen.com/jeff/] を中心に TypeKit [http://blog.typekit.com/2009/05/27/introducing-typekit/] というプロジェクトが立ち上がる模様です。既に WebKit, Opera 10, Firefox 3.1 3.5 でサポートされている @font-face [http://www.w3.org/TR/css3-webfonts/] 。利用者のパソコンにあるなしに関係なく指定のフォントが使えるようになります。つまり、今まで仕方なく画像文字にしていた部分もテキストで処理可能になる可能性があります。 @font-faceでまず問題になるのが著作権に侵害しないかどうかという部分です。多くのフォントはウェブ上での配布を禁じていますし、@font-face

CSS

3D世界もWebKit採用へ

Qt [http://www.qtsoftware.com/]は、クロスプラットフォームで動作するアプリケーション開発を目的としたフレームワーク。開発と GUI デザインをワンストップで行えるメリットもあるので、様々なデバイスやアプリケーションで Qt が採用されています。代表的な例だと Google Earth [http://earth.google.com/] でしょう。様々なライブラリも用意されているわけですが、その中で注目なのが QtWebKit [http://doc.trolltech.com/4.4/qtwebkit.html] (日本語 [http://qt.linux-life.net/4/doc/ja/qtwebkit.html]) というモジュール。Qtで開発されたアプリケーションの中に Webブラウザを埋め込むことが出来るようになります。 Qt は以前から GPL ライセンスとして配布されていたのですが、最近

CSS

CSS Variables と CSS の未来

ここ数年にリリースされたウェブブラウザは W3C の仕様に従いつつ、実験的に独自の要素を実装して表現の幅を広げようとしています。CSS まわりでは WebKit [http://webkit.org/] がリードしているのではないでしょうか。マルチカラム [http://webkit.org/blog/88/css3-multi-column-support/]や複数背景画像 [http://www.css3.info/preview/multiple-backgrounds/]のような CSS3 にあるものから、反射 [http://webkit.org/blog/182/css-reflections/]やマスク [http://webkit.org/blog/181/css-masks/]のような変わったものまで実に様々です。最近 WebKit のほうにも実装され、今月の CSS WG で草案化する可能性がある仕様で