[Icon] Shifticons – アイコン素材ギャラリー
Webや印刷物などで使い勝手の良さそうなアイコンギャラリー。Browse Iconsから一覧を見る事ができます。有料のアイコンセットに関しては、1つあたりいくらのコストになるのかが明記されてて分かりやすいです。けど無料のアイコンセットの紹介が少ないのがちょっとなぁ・・・。探せば無料のものっていくらでもありますしね。あとサイトがオシャレです。アイコン探しの際に役立つかもしれません。
Category Archives: Material
[PSD] Aktualisiertes Photoshop Template für die Facebook Timeline – フェイスブックのタイムライン表示のPSD
Facebookの新しいタイムライン表示のPSDファイルが配布されてます。実際に落としてみましたが、細かいところまで丁寧に作られていて、FBページのデザインを始める時のテンプレートとして十分使えそうです。カバーとプロフィールアイコンをつなげるデザイン流行ってますが、あれ実際にやってみると結構面倒なんスよね。プロフアイコンはTL内では160*160だけど実際には180*180が必要だったりして。そんなアレでデザインする際の素体として是非これひとつ。ちなみにリンク先はドイツ語です。さっぱり読めませんでした。
[Material] Creative Market – Web素材の配布サイト
Web向けの素材配布サイト。本来は有料の素材サイトみたいなんだけど、トップから1ページ奥に入ったところでアーリーアクセスユーザーのための無料ページが開設されてます。＄マークとか付いてますがだいたい無料です。ただしDLにはユーザー登録が必要。このあたりちょいメンドいですが、配布されている素材の質は高いので、今の内に必要なものを落としておいてもいいかも。
[Design Snipet] Usabilla – デザイン素材やコーディングスニペットのギャラリー
デザイン素材やコーディングスニペットの配布サイト。ウェブのデザインテンプレートだったりパーツのPSDだったり、いろんなものが紹介されてます。個別記事に行くと「Source」という項目があるので、リンク先でソースならPSDなりがダウンロードできます。わりとオシャレな素材が多い上に数も多いので、今後ちょいちょい見ようかなと。
[Material] Boxtuffs – Web制作で使えるコーディングスニペット配布サイト
Web制作の現場で使えるコーディングスニペットの配布サイト。ちょっとしたパーツが多数紹介されていて、それぞれ個別にコードをDLする事ができます。各パーツはタグ付けもされているので閲覧もしやすく、デザインもわりとよく出来ててクールなものが多いので、仕事でも使えそう。
[Javascript, CSS3] 3D Image Transitions – JSとCSS3で作られた立体的なとトランジションのスライダー
JavascriptとCSS3で作られた、立体的なトランジションのスライダー。デモページはこちら。デモページ下部にあるボタンを押すとイメージが切り替わり、ボタンごとに異なるトランジションが与えられてます。特に「Explode」の動きは他で見たことのないなかなかかっちょいいトランジションで、「おおっ」ってなります。逆にその他はわりと見覚えのある動きではありますが。ソースコード一式もDLできます。
[Texture] 30 Quite Exceptional Photoshop Patterns For Free Download – フォトショップで使えるパターンまとめ
フォトショップで使えるパターンファイルを30個集めた記事。特にジャンルを絞らず、ポップなものからクールなものまで色々あります。去年くらいからiPhone AppのUIデザインをするようになったんですが、なんだか急にパターンファイルを集めるようになりました。テクスチャ使った表現しやすいからかな。鉄とか紙とか皮とか、見つけてはフォトショに放り込んでおります。
[CSS3] 10 GORGEOUS CSS3 BUTTONS, READY TO BE USED! – CSS3ボタンまとめ
CSS3でコーディングされたボタン作例まとめ記事。どれも画像を使わず、角丸やグラデーション、アニメーションなどを使って凝ったデザインがされてます。基本的にコードのコピペだけで使えるので生産性高そうです。スマートフォン向けサイトとかでイイですねこれ。