1ページだけで構成されたクールなウェブサイトを紹介した記事。1ページとは言っても、実際にはJavascriptを使ってページ内遷移したり、やけに縦に長かったりするので、情報量が少ないというわけではありません。ページ遷移がないという意味でのシングルページですね。通常であればあって当然とも言えるページ遷移がないこれらの構成は、ウェブでのミニマル表現だと言えるかもしれません。どのサイトも見せ方に工夫がされていて、デザイン的にも技術的にも参考になります。この手のネタ帳となる記事の中では個人的に特に好きな部類。
ロゴをデザインする過程を紹介した記事がまとめられてます。ロゴの各作例をクリックすると、プロセス紹介記事を見る事ができます。これはなかなか興味深い。多くの場合手書きから始まり、アルファベットや単語の意味からアートワークを起こしていく過程を見る事ができます。デザインの場が紙媒体からウェブへと移っても、ロゴというリザルトに至るプロセスというのは普遍的なものなんだなぁと思いました。
CSSとJavascriptを使って作るドロップダウンメニュー。14種類が紹介されてて、どれもサクっと導入できるタイプのものだそうです。デザイン的には特にこれといってスゴいものはありませんが、ソースだけ使わせてもらってデザインはこちらで手直しさえすればいいので、素材としてはまぁ悪くないんじゃないかと。ドロップダウンメニューって動きやサブメニューの出方に結構差があるんですよね。14種類あれば目的に合ったものが見つかるかもしれません。
JAVAで書かれたスーパーマリオ3。いやーなんか懐かしいっすねこの8ビット色。当時スーマリって苦手で、「おおお俺がウマくできないゲームはクソゲーだ！」とかいう生意気な小学生だった俺はあまりプレイしてませんでしたが、マップ選ぶトコとか懐かしくてウホーってなりました。ソースを見るとJAVAアプレットを使って動作さしてるみたいです。けどキーボードでプレイするのは難しい。せめてW,A,S,Dに十字キーがアペンドされてればプレイできたかもしんないけど、なかなか難易度高いですな。
主にメニューなどに使われるCSS Spriteですが、こちらでは「インライン要素として使うのもイイYO！」という内容で紹介されてます。デモページはこちらから見る事ができますが、あぁなるほどなという印象。サイト内で多く出てくる、いわゆる使い回す機会の多い画像についてはこうするのもイイなぁと思いました。ソースについてもデモページ内で解説されてます。
ワードプレスで立てたブログを、ワンステップでモバイル対応できるというプラグイン。このmBlogではWPtouchという対iPhone用プラグインを使ってますが、こちらは他のスマートフォンにも対応してそうな感じ。インターフェースもよりシンプルな印象。最近スマートフォン持ってる人増えましたよね。ワープレならこうした対応もサクっとできるのがイイですね。
クールなレトロポスター＆フライヤー30選。レトロな質感のサイトって最近見る機会が増えました。こうしたまとめ記事を見ると、レトロと一言で言っても、実際はいろんな手法で古くささを演出してるんだなぁって思います。紙や印刷面の汚し表現、イラストのテイスト、斜めのライン。あと経年変化した紙の色なんかも多くに共通する点ですね。印刷だけでなくウェブにも応用できる手法だと思います。
素材やデザインなど、いろんな意味で普通じゃない名刺が集められた記事。アイデア面で「スゴい！」って思うものもいくつかあるけど、「これもらった方が困るよなぁ」ってのもいくつかｗ 種が入ってたり、組み立てると車になったり、コースターだったり、毛が生えていたり、カミソリだったり栓抜きだったりします。もうやりたい放題ですなｗ けど嫌いじゃないっす、こういうフザけ具合。
