世の中のWebサイトから、クールなナビゲーションだけを持ってきて紹介するデザインギャラリー。各記事はどれもCodePenにリンクしているので、リンク先で動きとソースコードを確認する事ができます。ナビゲーションに特化しているだけあって、様々なレイアウト、動きの作例が確認できるので、サイトナビゲーションの仕組みを考察する際に使えそうです。ちなみに右上のハンバーガーメニューからはナビゲーションの種類の絞り込みもできます。
クールな404 Not Foundページばかりを集めたギャラリーサイト。キーワード検索や、時期・タグによる抽出なども行えます。404ページってわりとネタに使われる事多いけど、ちゃんと本来ユーザーがランディングすべきページにナビゲートする必要もあるので、こうした作例集は色々と勉強になりますな。
ロゴデザインに使えるクールなフォントをまとめた記事。101のフォントが紹介されてますが、どれも趣味が良くなかなかの良記事です。個人的にいくつもツボったので、ダウンロードして欧文フォントフォルダに突っ込んでおきました。いくつかロゴとして見た事のあるものがありますな。ロゴやタイポ組みする際のベースフォント選びにも使えそうです。
画面内に出てくる色が、カラーパレットの中で言うとどの色なのかを当てるというシンプルなゲーム。最初は簡単です。「こんなもん簡単じゃねーかナメてんのか」とか思いながらゲームを進めて行くと、カラーパレットは増えるわ似たような色ばかりラインナップされるわでどんどん難しくなっていきます。最終的にスコアが出るんだけど、わたくし370でした。デザイナーのくせして色の判別に関しては結構いいかげんなようです。いやこれ結構難しいですな・・・。
CSS3を使ったクールなアニメーション作例を集めた記事。ナビゲーションのマウスホバーアクション、ローディングスピナー、フォームパーツ装飾、マウスを使ってグリングリン動かす系のものなどもあります。基本的にボタンのマウスホバーアクション芸が多いですね。ちょっと動かすだけなら導入も楽だし、ユーザーにも「おっ」って思ってもらえるので使い道は多そうですな。
Webデザイナーのための便利な素材をまとめた記事。50オーバーの素材が紹介されています。アイコン、印刷用テンプレート、Webテンプレート、iPhoneなどのデバイスモックアップ、ワイヤーフレームキット、UIキット、フォント、写真素材、Wordpressテーマ、HTML/CSSスニペット、jQueryプラグインなどがその内容。素材集める際に使えそうです。
