フォトショップで使えるパターンファイルを30個集めた記事。特にジャンルを絞らず、ポップなものからクールなものまで色々あります。去年くらいからiPhone AppのUIデザインをするようになったんですが、なんだか急にパターンファイルを集めるようになりました。テクスチャ使った表現しやすいからかな。鉄とか紙とか皮とか、見つけてはフォトショに放り込んでおります。
フォトショップで作る様々なテキストエフェクトのチュートリアル。25の作例が紹介されてます。3D系のものは他のソフトを併用したりもしてます。ロゴデザインのネタ探し、フォトショップオペレーションの練習なんかにナイスなまとめ。
Javascriptを使わず、かつレスポンシブレイアウトにも対応したスライダー。CSS3で実現しているそうです。どのようにレスポンシブ対応しているかは、ブラウザウィンドウを手動でリサイズすると分かります。実際には3段階になっていて、PC＞タブレット＞スマートフォンの順に小さくなります。画面上部にあるアイコンをクリックする事でもサイズの遷移を確認する事ができます。レスポンシブ対応のできたサイト内で使うのにイイっすね。
HTML5のビデオプレーヤーを各種集めて、それぞれ機能比較をした記事。これナイスですねー。JSライブラリには何を使ってるか、iOSはサポートされているか、フルスクリーンには対応しているか、キーボードコントロールができるか、字幕表示は可能か、プレイリスト機能はあるかなどが一覧で見る事ができます。そういやちょっと前にFirefoxがH.264サポートするってニュースもありましたね。サイト内で動画を扱う場合の参考として是非。
CSS3で作る縦型アコーディオン。HTMLをマークアップして、レイアウトして、装飾して、アニメーションを書いてくという手順で丁寧に説明されてます。JSを使っていない点が特徴でしょうか。見た感じスマートフォンサイトで使うとイイ感じですねこれ。デモページはこちら。
CSS3でコーディングされたボタン作例まとめ記事。どれも画像を使わず、角丸やグラデーション、アニメーションなどを使って凝ったデザインがされてます。基本的にコードのコピペだけで使えるので生産性高そうです。スマートフォン向けサイトとかでイイですねこれ。
フォトショップを使って複数の写真を誌面的にレイアウトできる機能拡張。配置を指定するだけで複数の写真を1つのキャンバスに、マージン揃えてレイアウトしてくれます。普通この手の作業ってイラレでやるもんですが、Webに出力するためだけのアートワークならフォトショで完結できるのは便利って言や便利だな、と思ったので紹介。細かい事考えずにポンポン配置できるのはラクチンですな。
フリーで配布されている名刺テンプレートのまとめ記事。そこそこかっこいいの多くて、紹介されている量も60例と多いんですが、PSD形式という点が個人的には微妙。AIでくれ！とかちょっと思いました。あまり奇抜なデザインのものは少ないようです。名刺制作のネタ帳や素材探しに是非。
