HTML 5 で出来たサイト事例 「G COLLECTION」

TOKYO GIRLS COLLECTIONのショーに出る公式アイテムを
自由に着せ替え出来るサイト。
気に入ったアイテムは、fashionwalker.comで購入できる。
で、下記のように自由にアイテムごとに着せ替えが出来るのですが
これが全部 HTML 5で出来てます。
もちろん、Google Chromeを推奨され、
インストールしていないと、
インストールを進められます。

TOKYO GIRLS COLLECTIONのショーに出る公式アイテムを
自由に着せ替え出来るサイト。
気に入ったアイテムは、fashionwalker.comで購入できる。
で、下記のように自由にアイテムごとに着せ替えが出来るのですが
これが全部 HTML 5で出来てます。
もちろん、Google Chromeを推奨され、
インストールしていないと、
インストールを進められます。

Helvetica Face
Webカムで取った「顔」の画像を投稿することで生成される
新しい「typeface」のHelvetica。
サイトのAboutでは、
従来のフォントは内側に持っている形(=データ)をどう表示するのか、というルールを持ったソフトウェアだったのに対して、Helvetica Faceは形の情報は持っておらず、持っているのは外側から与えられたデータ(=顔の画像)をどのように形として表示させるかというルールだけです。そのため与えられるデータによって無限に形が変化し続けます。
なるほど、これはすげぇ、と思ってみてみたが、
ホントにフォントにすごい、このサイト。

「Hello,want to kill some time?」
Websiteを破壊するブックマークレット。
元々はうざい広告を消すために作ったみたい。
これがよくできてます。
使い方は以下の通り。
リンク先の緑色のボタンを
ブックマークツールバーにドラッグしてください。
クリックすると、▲のオブジェクトが
ブラウザの左上あたりに出現します。
▲は矢印キーで自由に動かせます。
スペースキーを押すとミサイルが発射され、
当たると、開いているWebサイトのオブジェクトが消滅します。
爽快。
上の画像だと、
検索窓とブラパネとか、
Y!の主要なオブジェクトがぶっ壊されてます。
同じページで何回もブックマークをクリックすると、
▲が沢山出てきて、それこそウェブサイトを一気に破壊出来ますよー
おもろいす。
是非
あぁ、なんと今月初エントリー。
Twitterでも大してTweetしてないのに。
もっと情報発信したいのですが。。
最近、仕事でもよくTwitterやUst使ってます。いや、使わされてます。
もっと有効的な使い方はないかといんたーねっとを彷徨っていたら、
何やら話題になっている素晴らしいサイトを発見。
Dot Warは、 Twitterのアイコンドット一粒ずつが兵士になって、
任意に選んだ相手のアイコンと戦う対戦ゲーム。
これは素晴らしい。
何度もやってしまう。このドット一粒ずつの動きが実に緻密で
ほんとに何度もやってしまう。
昔のファミコンやらのゲーム感覚を思い出しますが、
小気味よい動きとBGMなど、よくできてます。
面白い。
こんな使い方もできるということは、
あんなことやこんなこともできるな、Twitter!とおもた。
対戦結果のTweetで、ぼくのアカウントがプリセット。
どんどんつぶしてやってください。
via trick7氏

Nike Music Shoe
NIKE FREE RUN+のプロモーションサイト。
HIFANAのライブパフォーマンスによるもので、
Nikeのシューズを改造しサウンドコントローラー機能をつけたもの。
普通にかっこいいす。
これ履いた複数のダンサーが踊るとことか見てみたい。
以下ムービーでご参照を。
因みに、もちろんこのサウンドコントローラーつきの靴は非売品です。。。
つーかやばい、フルマラソンは日付変わって
明後日だ。。。。。。。。。。。

Nikon | This day
オンライン”今日は何の日?”です。
ただ、その毎日のトピックが非常にアツい。
ちょーセンスいいと思います。
因みに本日4/6はキューブリックの「2001年宇宙の旅」がニューヨークで
公開された日とのこと。
高校生の時に見て、衝撃を受けたのを思い出した。
他にも、例えば4/5はイースター島が発見された日だったり、
3/31にはデカルトが誕生したり、、いい”何の日”が揃ってる。
”今日”は閲覧したその日の一週間まで遡ることができます。
但し、一週間だけ。一週間前まで来たら、当日に戻ってループします。
また見に来たくなるじゃないか。。。
まんまと制作側にしてやられそうです。
写真はまさに”一瞬を切り取る”ツールだと思うのだが、
このコンテンツは一日の歴史的瞬間を切り取ったもの。
ニコンのようなブランドがこういうコンテンツを展開するのは
非常にアリだと思う。

Scroll Clock
スクロールバーってこんなに綺麗に動くものなんだなって思った。
何だかスクロールバーの動きに時間の流れすら感じてみた。
つーかこういうのは最早技術ではなく、
やっぱりアイディアだと思う。
素直に感動いたしました。
はっきりいって3Dが凄過ぎて
鼻血出た。
これは最早Flashを超えている、と言わざるを得ない感じ。
Verbatim(バーベイタム)というメーカーの
記録メディアを使って、オリジナルの「メディアモンスター」を作り、
その記録っぷりを競うサイト。
他のモンスターと戦えます。
上のはぼくが作ったメディアモンスター。
尚、モンスター作る際の、
漢字の読み、マジ難しいです。
サイトのBGMも凄く素敵。
城戸さんすげぇ。

Play THE BLUE HEARTS
BLUE HEARTSの楽曲をメドレー編集出来るサイト。
その編集機能が超良く出来てる!!
絶対一度見た方がよいかと。
これは大分チカラ入れたプロモーションだなぁ、と。
いや、でも今頃ブルーハーツって何で?
と思ったら、パチンコかぁ。
でもサイトには一切パチンコ出てこない。
潜在意識に植え付ける、ってやつかな。
パチンコ全くやんないから分からん。
つーかこれ完全にうちらか、うちらよりちょい上くらいの
セグメント狙って、ばっちりはまってるわ。
メドレーのリミックス数十分いじっちゃったもん。
でもブログパーツは急にパチンコっぽくなって
あんまり貼りたくない。。。
ブログ「typocode blog」のカテゴリ「site」に投稿されたすべてのエントリーのアーカイブのページです。
prev Category:processing
next Category:typography