13

【レビュー】AIR DO 夏!カンゲキ!北海道!キャンペーン

img_080529.jpghttp://www.airdo.jp/information/kangeki/

純粋にキレイ。全体的に写真も文字組も色のトーンもFLASHの動きも、相互ぶつかる事無く、まとまりがあります。

自分は元々FLASHでwebに入ってきたのですが、FLASHの動きはこれくらいの軽さが好きです。あれもこれも動く様な派手な動き(papervision3Dとか)は、インパクトはあるのですが、もう一度見たいとは思えないので。

気になった点は2点で、ギャラリーページでのサムネイルメニューのカレント表示がもう少し目立ってもも良いかなと思いました。キーカラーの黄色で1pxくらいのワクを付けてあげるくらい。

もう一つは、HTMLとFLASHを行き来するのが、「アレ?」と思うユーザーがいるかなと。

でもFLASHもHTMLページもキレイなデザインで、素晴らしいサイトです。こういうサイトを見ると、やっぱりFLASHをもう一度やりたいなと刺激されます。

12

11KbのJavascriptでマリオカート これはすごい。。

img080522.png
nihilogic: Javascript Super Mario Kart
http://blog.nihilogic.dk/2008/05/javascript-super-mario-kart.html

javascriptでここまで出来るんですね。。すごいです。
対応ブラウザはFF2, FF3, Opera(9.27 and beta) and Safari 3.1.1となっていて、IEでは動かない様です。

以前、14kbのjavascriptで動くスーパーマリオも驚きましたが、マリオカートを作ってしまうとは。。
http://blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html

11

arti 2008 spring & summer collection:東京かんかん 作りました。

img_080515.jpghttp://www.kankan.co.jp/arti/spring_summer2008/index.html

紙からWeb用に作り直したカタログサイトですが、商品サイトの様に作りました。コンセプトは「いたって普通で、見やすい」です。
こういう商品サイトは掲載数が多いから、リサイズとかの機械的な作業が大変だということを知りました。。(仕事では、システムに渡す為のテンプレート作成が多いので。)

時間が無い中で、それなりに良く出来たかなと思います。デザインからマークアップまで計5日くらいで終わりました。(実際は土日しかやらないので、3週間かな)

制作の話ですが、このサイトではheightLine.jsというライブラリを使用しています。
ブロックレベル要素の高さを揃えるjsライブラリです。
要するに、CSSで組むと隣り合うブロックの高さが揃わないのです。それを解消する為に使用しました。(中ページでページが読み込み終わった瞬間に、ガクッと揃います。)

10

PicLens Firefox用プラグイン これはすごい。。

img_080422.jpg見ていて、滑らかで奥行き間のある動きに感動しました。
Yahoo Google flickr Picasa等、画像検索時にPicLensを起動すると、キャプチャの様になります。

操作していて「気持ちのイイ」「楽しい操作」って、こういうもの。

昔のiPodのCMを思い出しました。
http://web.archive.org/web/20070515132456/http://www.apple.com/jp/ipod/ads/1000songs/

詳しい説明は下記ページが解りやすいかと思います。
http://www.piclens.com/site/firefox/mac/
http://e0166.blog89.fc2.com/blog-entry-463.html

ダウンロード:MacOSXのみ
https://addons.mozilla.org/en-US/firefox/addon/5579

6

Go to China

img_080328.jpg
http://ringvemedia.com/home
とても良く出来たサイトです。。ホントひさしぶりに見ていて、ドキドキしました。。

何がすごいか。
  • まずはFLASHじゃないですよ。
  • 背景で使っている画像が重いので、Loadingを付けている。親切。
  • PHOTOのページで下のメニューが消え、x座標を取得し、左右のマウスの位置で前後の写真を表示させる。
  • 写真以外に画像を使用していない フォントはデバイスフォント(Macだからキレイに見えるのかも。。)
  • メニューがパンくずとしても機能している。
これを一人でマークアップ出来たら、一流のマークアップエンジニアでしょう。
CSSだけじゃなくて、JSも書けるマークアップエンジニアは引く手あまた。
Page: <<前の5件  2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12