[WEB DESIGN] 30 Beautiful Examples of Grunge in Web Design – クールなグランジウェブデザイン30選

最近よく見る「グランジーなデザイン○○個」という記事。実際飽きるほど紹介してる感じだけど、この記事特にイイ感じ。「うひょーネタの宝庫じゃん」とか言いながら見てました。エンターテイメント系のデザインしてる人なんかはコレ系の仕事を求められる場面も結構あるんじゃないでしょうか。うーんなんかイイなぁ。

最近よく見る「グランジーなデザイン○○個」という記事。実際飽きるほど紹介してる感じだけど、この記事特にイイ感じ。「うひょーネタの宝庫じゃん」とか言いながら見てました。エンターテイメント系のデザインしてる人なんかはコレ系の仕事を求められる場面も結構あるんじゃないでしょうか。うーんなんかイイなぁ。

jQueryを使って、ロールオーバー&ロールアウト操作により背景色がフェードイン&アウトするJS。見た感じフレームレート高めのFlashみたいに見えます。しかもボタン内のテキスト属性も生きてる。これなかなか実用的っすね。jQuery使ったJSって結構イイ感じのもの色々あるんだよなー導入しよっかなーなんて最近思っちょります。

2008年にリブランディングされたロゴのまとめ記事。どんなロゴからどんな風に変わったのかってのは、企業の意図というか印象づけたいイメージなんかを垣間見る事ができて興味深いっす。ザーっと見てて思うのが、どの企業も多かれ少なかれ“Web2.0 Design”の影響を受けてるなぁというもの。あと一昔前に比べると色数多いよね。グラデーション使用率が高いというか。モノクロでは成立しづらいロゴも最近じゃ普通に見かけますな。これもウェブと印刷媒体での表現の拡大によるものなんでしょうか。勉強になります。
33 Exceptional Logo Rebranding In 2008 For Your Inspiration >>

むむ、これは便利そう。新規にサイトを立てる時に便利そうな一式ファイル。CSSではブラウザリセットやフォント周りの初期設定、JSではアクセス解析やLightbox亜種を含めたJSライブラリ(jQuery)の導入がされてます。自分の場合これに加えてIEでのPNG表示時のアルファチャンネル対策を加えるとイイ感じになれそう。自分の使いやすいようにカスタマイズするともっとファンタスティックにできそうです。サイト立ち上げる時に必要なものって結局ベース部分は一緒になることが多いので、こうしてまとめて配布して頂けるのはとってもナイス。ありがたく使わせてもらいましょう。
![]()
地味だけど、必要な時にはとっても助かりそうなお天気アイコンのまとめ記事。晴れとか曇りとか、暑い寒いみたいなアレです。必要とする機会はあまりなさそうですが。OSXのダッシュボードの天気のやつ、あのアップル純正のアイコンが結構好きです。

ゴージャスなナビゲーションメニュー色々。ゴージャスという言葉に色々ピクンとなっちゃう感じです。ウェブのメニュー表現って以前に比べるとアイデア面でも技術面でも特に進化してる部分だと思うのです。Flashが流行ったりCSSでかっこヨくデザインされるようになったり、昔と比べるとどんどん洗練されてますよね。PNG使ったりJS使ったり。メニュー周りのデザインで困った時には真っ先にこの記事見よう、そうすりゃしばらくはネタに困んねぇべ。とか思いました。

チートシートのまとめ記事ってために見るけど、こちらではフォトショップ用のものばかり集められてます。チートシートというよりはチュートリアル的なものもありますが、その道を極めようと思っている方にはイイかも。ショートカットリストなんかは実際印刷したものを手元に置いておくと重宝しますね。
17 Productive Photoshop Cheatsheets and Reference Cards to Download for Free >>

宇宙っぽいフォトショップ用ブラシファイルまとめ。宇宙っぽいってなんだよ、って話ですが、まぁ宇宙っぽいブラシなんです。星とかその集まりとか月とか。こうした素材ってメインに使う機会はあんましないだろうけど、背景の装飾用途なんかにイイかもしんないですね。