[Color Palette] brand-colors – Webブランドカラーの一覧サイト
様々なWebブランドのキーカラーを一覧にしたサイト。任意のカラーにマウスオーバーするとサイトの背景色がその色になり、クリックするとカラーコードがクリップボードにコピーされます。またカラーパレットの左上には検索窓があり、ブランド名などで検索する事もできます。紹介されているWebブランドがかなり多いので資料的価値もありそう。ブランドカラーやコーポレートカラーを模索する時の参考になりそうです。
[CSS] Creative CSS link hover styles – クールなマウスホバーアクション
CSSだけでデザインされた、クールなマウスホバーアクション。複数のデザインのテキストボタンが紹介されていて、どれもマウスホバーでアニメーションします。このアニメーションがどれもかっこいい。CSSだけで導入できる点もナイスです。ちなみに元記事はこちら。こういうちょっと凝った演出があると、ページそのものが一気にモダンな印象になりますな。使い勝手良さそうです。
[UI Design] UI Garage – モバイルアプリやWebのUIデザインギャラリー
iOSやAndroidなどのモバイルアプリや、WebのUIデザインに関するギャラリーサイト。プラットフォームや画面の場面ごとにタグ付けされていて、参考にしたい画面を素早く抽出する事ができます。UIデザインする時のネタ帳に良さそうです。しかしこれ系のUIデザインサイトって増えたなぁ。いくつもあるからその内まとめ記事でも作ってみようかな。
[Javascript] Unslider, the simplest carousel slider for jQuery – シンプルなjQueryスライダー
シンプルな作りのjQueryスライダー。サイトを見ると導入はかなり簡単で、script行を挿入して、マークアップは1つのスライダー項目を1つのliで囲うというもののようです。この手のスライダーではごく一般的な手法ですね。Methods & Optionsの項目を見ると、シンプルなわりにオプションについては豊富に用意されているようで、カスタマイズもしやすそうな印象。スライダー用のjQueryプラグインって山ほどあるけど、選択肢のひとつとしてなかなか良さそうな感じ。
[Film] THE ART OF BLADE RUNNER : ORIGINAL MATTE PAINTINGS AND SKETCHES – ブレードランナー撮影当時のマットペイントやスケッチがとっても素敵
映画Blade Runner撮影当時の、コンセプトアートやマットペインティング、スケッチ類などをまとめた記事。シド・ミード本人のスケッチがどれだけあるのかは分かんないけど、ブレードランナー好きにはタマんない内容です。34年も前に、これだけのディストピアコンセプトを描けたってのはスゴいなぁとしみじみ感じます。ただ「強力わかもと」がコンセプトアートには出てきませんね。後付けなんでしょうか。いやぁしかし続編楽しみですな。
THE ART OF BLADE RUNNER : ORIGINAL MATTE PAINTINGS AND SKETCHES
[Sketch] Devices – Images and Sketch files of popular devices – タッチデバイスのSketch用モックアップ
iOSやAndroidの各種タッチデバイスのモックアップを、Facebookが配布してます。興味深いのはそのフォーマットがSketchである事。もうすっかりUIデザインの世界じゃPSDやAIではなくSketchが主流なんだなーと思いました。用意されている端末の種類も多いので（Nokia系なんかもあります）、Sketchユーザーの人は素材探しに使えそうです。
[Template] Theme Cards – WordPressやBootstrapのテーマまとめサイト
WordPressやBootstrapで使えるテーマファイルの紹介サイト。これら以外にHTMLテンプレート、HTMLメールのテンプレート、印刷物のテンプレート、JSやCSSなどのスニペットなども紹介されています。まぁWeb全般の素材サイトって感じですね。ちょうど今日Wordpressのテーマ探してたので個人的にタイムリーなリソースでした。素材探しの時に役に立ってくれそうです。
[Javascript] matchHeight – 横に並んだ複数要素の高さを揃えてくれるjQueryプラグイン
水平方向に並んだ複数要素のHeight（高さ）を揃えてくれるjQueryプラグイン。こちらでデモを確認することができます。ソースダウンロードして挙動を確認してみたんですが、横方向に同じ位置にある要素の内、最も大きいHeightを参照しているようです。かゆところに手が届くとはまさにこの事で、たまーにこうしたいって時あるんですよね。レスポンシブレイアウトにも対応しているようで、使い勝手が良さそうです。