といっても少し、まだ先の話だ。ただし、確実にtransformをFirefox3はサポートする。ただ、そもそもtransformとはなんぞやと思ってる方も多いとおもうので少し紹介しよう。transformとは主にボックスに対してscale(拡大／縮小)、skew(斜めへの傾き)、translate(移動)、rotate(回転)、とそれぞれ指定ができる。これはマウスをのせた状態（hover）に対しても指定が可能。いままでは、このプロパティに関してはwebkit系のみがサポートをしていたが遂にmozillaもサポートサポートを始めたようだ。ただし、minefieldというプロトタイプのみだ。このプロトタイプは以下のURLからダウンロードすることができる。

minefield
http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/

さていよいよ肝心の書き方だが全てにvendor prefix(接頭辞)の-moz-をつけることになる。

まずはrotate(回転)

body{
-moz-transform: rotate(90deg);
}

※deg=degree(度)の略

これでウェブサイトが時計回りに90度回転する。非常に面白い機能だ。

transformには、他にも様々なプロパティが用意されている、SafariでもchromeでもそしてFirefoxのminefieldでも自由に試してみることができる。
確実にCSS3の時代はそこまできている。ただCSS3はまだ使い方というのはあまり、研究されていない。しかし研究をすれば使い方によっては人を驚かせるような素晴らしいUXを提供することができる。常に先をみてCSSを楽しもう！

※-moz-に関してはmozillaのブラウザーの開発者であるRobert O’CallahanがmozillaのWebTechブログにて最近ではOKと述べているので使用の是非についてはいまさら議論の余地はないだろう。

• 参考
  
  http://www.w3.org/TR/SVG/coords.html#TransformMatrixDefined
  

本日六本木ミッドタウンにある大手IT企業にスポンサードのお願いをしてきました。

いや〜ぁ。綺麗でした。綺麗なオフィスはいいですね！ホント。
こんな環境だとやる気がでますね！

今回お願いしに行ってきたのは、「カーボンオフセット」というスポンサー。

ニュースなどにもカーボンオフセットの紹介されたりもしたのでご存知の方もいると思いますが、国の規定でよりC02の排出が多い企業（国）が少ない企業（国）から排出量を購入するという認識の方も多いのではないでしょうか。
これは産業としてどうしても排出してしまう企業（国）を生かすための良い策なのだけど、「お金で購入するなんて本当に環境の事を考えているのか？」と思われる方もいるようですね！

本来のカーボンオフセットは自ら排出した二酸化炭素を相殺するためのものだけど、カーボンオフセットしているという事で、温暖化への改善意識が高まれば良い事であるようには思いますね。現代の生活を原始時代に生活が戻れる訳じゃないし、工場で言えば生産ラインを止めるわけにはいけないだろうし。
逆に規定以内だからと言って無駄に排出しているのも問題って事でもあるわけですしね！
要は意識の問題という気はします。

続きを読む

Web Directions Eastは、このたびgihyo.jp様とメディアスポンサーに基づく提携をしました。

ghyo.jp（技術評論社）
URL: http://gihyo.jp/

Web Directions Eastは、このたび東京IT新聞様とメディアスポンサーに基づく提携をしました。

東京IT新聞
URL: http://itnp.net/

Web Directions Eastは、このたびWeb Site Expart様とメディアスポンサーに基づく提携をしました。

Web Site Expart（技術評論社）
URL: http://gihyo.jp/magazine/WSE