tag
tag: “WebDesign”[2/2] | roughtab
“WebDesign”[2/2]
300*185 01
ポップカルチャーのニュースサイト『ナタリー(natalie)』のサイトデザインをいろいろ観察してみる
大山卓也氏のNatashaが運営する、音楽・お笑い・コミックをはじめとした日本のポップカルチャーの最新情報を配信するニュースサイト『ナタリー』(旧ミュージックマシーン)。2007年のオープン以降、コンテンツの追加等で何度かリニューアルもしてると思いますが、この手のポータルサイトとしては特に丁寧にうまくデザインしてるなぁと、居心地の良さを感じる好感触なサイトのひとつということで、現行のデザインをいろいろ観察してみました。キャプチャ画像多めで重いかもわかりませんが...。
CA4LA test,
Grimoire - グリモワール -
ヨーロッパやアメリカなどの現地から独自な目線でセレクトし、バイイングしてきた1800年代後半から現代に至るまでのヴィンテージ衣服や、アンティーク雑貨、様々なクリエイターのオリジナル作品などの幅広いアイテムを取り扱っているセレクトショップ『Grimoire』のWebサイトがリニューアル。ショップコンセプトをそのままWebに散りばめたような、壮大かつ引き込まれそうな世界観となってます。繊細かつダイナミック。素晴らしい。
I like to play | Freelance Interactive Designer and Developer
オランダのアムステルダムで活動するインタラクティブデザイナー、デベロッパーMichael Vestergaard氏のポートフォリオサイト。各ポートフォリオに紐づけられる動画に惹き寄せられます。
HTC Sense : SENSE
HTCスマートフォンのサイト。手書き感+立体感のバランスがお見事。
björk.com
パリを拠点に活動し、ファッション業界・音楽業界をはじめ、名だたる魅力的なクライアントのプロジェクトを手がけるデザインスタジオ「M/M (Paris)」によるビョークのbjörk.comがカッコ良すぎる...!
サイトにOpen Graph Protocolを組み込む
サイトを更新したりブログで記事を書いたりしてウェブページが新たに生成され、Facebookのいいね!ボタンやmixiチェックなどを実行すると、そのページ情報が巨大なSNSの世界に流れ込む。Open Graph Protocolとは、その際に決まった共通のフォーマットに沿ってあらかじめページに放り込んでおいて、SNS側(プログラム)が読み取りやすい格好にしておく情報のことを指すんですが、roughtabにもさっそく組み込んでみました。
Twitter Trackbacks Widgetで関連するツイートを表示
たまには技術的なTwitterのWidgetネタでも。たまにはっつうか、初めてですがw。
Twitterにて任意のURLが含まれるツイートを表示させるTopsyのAPIを利用したjQueryのPlugin、Twitter Trackbacks Widgetを設置してみました。記事の下の方とかでよく見かけるアレですね。
mixi 新規登録フローのページキャプチャ
3月1日から招待制を廃止して登録制がスタートしたmixi。そんな登録制スタート直後の登録フローのページキャプチャを(記念に?)撮ってみました。
Concave Scream
シンガポールのConcave ScreamっていうバンドのWebサイトがカッコ良すぎる。カッコ良すぎるパーティクル。独特な世界観と楽曲が見事に伝わってきます。
はんなりと、クリエイティブ。
Helveticons
HelveticaをベースにしたピクトグラムのアイコンサイトHelveticons。めちゃカッコいい。
UNIQLO CALENDAR
女の子ものがたり
女の子ものがたりの公式サイトのスライドショーがたまりません。深っちゃんのスライドショーがたまりません。それが言いたかったんです。松っちゃん結婚かー。
roughtabリニューアル - MT3.36からMT4.21へ
リニューアルって言ってもデザイン面のみで真新しいコンテンツは追加してないんですが、システム面でちょっと重い腰を上げてMovable Type 3.36からMovable Type 4.21へアップグレードさせました。
なぜちょっと腰が重ためだったかというと、Movable Type 3の頃にわりとマイナーものも含め、Movable Type 4以降には動作しないプラグインを入れてたりしてて、移行後による不具合とかを危惧してたため。それよりもなによりもデザインを変えたいなーという想いが強くなり、じゃぁ一緒にMTもアップグレードさせちゃうかってことでコリコリ作業してました。