2005年から、毎年12月のクリスマスまでに名だたるWebデベロッパーがそれぞれのtipsなどをつづっていくという素敵なイベントサイト 24ways。
実がこれを知ったのは今年からでして、数年前からこんな素敵なサイトが存在してたなんて知りませんでした。
もしかしたら見たことがあったのかもしれないけど、あんまり意識していなかったのかもしれません。今年はこうした海外のサイトやそのご本人様から学んだ機会が多くあり、アンテナが広がったように思います。
このサイト、注目すべきは記事なんですけど、グッと引きつけられたのはサイトそのもののデザインです。
パッと見でわかるとおもうのですが、非常にトリッキーなデザイン。
アルファチャンネルを上手く活用して不思議な遠近感のある仕上がりになっています。
HTML構造は非常にシンプルで、CSSもまたキレイにまとまっていて、半透明の表現はCSS3のrgbaをただ使っているというだけです。
※一部はopacityプロパティを使っています。
あとはpositionの使い方が上手い。どうもレイアウトにpositionを使うのを自分はなんとなく避けてしまうのですが、国内外関係なくレイアウトにpositionを上手く活用できれば、グラフィック面でもっと遊べて面白いことできますね。
実は今（2008/12/24現在）の前のテーマでも結構トリッキーなことをやってましたが、いろいろ実験したら出来たみたいなものだったので、あんまり褒められたもんではありません。
昨年から今年にかけて、CSSとかもうネタないよねーとかおもってたけど、ホントは全然拾えてないんですよね。まぁ「CSSだけで再現する～」というネタも一時期は「それJavaScriptでやればいいじゃん」的ものも多かったわけなんですけど。なんというかCSSの可能性といいますかそういうのも感じますし、CSSはじゃなくてJavaScriptを採用するにしてもそれぞれのメリット・デメリットがあるわけで、それらをちゃんと押さえて考えないといけないですね。あとwordpressを自由に使えるようphpも・・・phpもまた表現の可能性を広げますね。うわー時間が足りねぇ。
来年末には「俺24ways」みたいなのが書けるようになりたい。というかリクリでもこんな企画やりたいなぁ。また考えましょう。
