[HTML5] HTML5 Website Layout Tutorials and Inspiration – HTML5で書かれたテンプレートまとめ Pocket Tweet HTML5で書かれたテンプレートのまとめ記事。各リンク先では制作のチュートリアルやソースが配布されてます。HTML5ではヘッダやらフッタやらの専用タグが多く追加になるので、制作スタイルにもいくつかのシフトが必要になりそうです。クールにデザインされている作例が多いので、単純にネタ帳としてもナイスな記事。 HTML5 Website Layout Tutorials and Inspiration

[JAVASCRIPT] 10 Javascript Plugins that Skin and Beautify Web Forms – フォームを装飾するJavascript Pocket Tweet フォームを美しく装飾するためのJavascriptプラグインがまとめられた記事。入力欄のデザインを置き換えるもの、チェックボックスの画像への置き換え、iPhoneインターフェースへの置き換えなどがその内容。フォームを機能的に拡張するというよりは、デザイン面での装飾に主軸が置かれています。チェックボックスとか、普通にCSS書くだけじゃ画像置き換えとかできないですからね。フォーム周りを装飾したい時にイイ感じの記事。 10 Javascript Plugins that Skin and Beautify Web Forms

[TEXTURE] 100+ Seamless Patterns Great for Creating Website Backgrounds – ウェブに最適なタイルパターンテクスチャ Pocket Tweet ウェブで使うのに最適な、上下左右シームレスにつながるタイルパターンのまとめ記事。この手の記事ってわりと「なんだよ煉瓦とかコンクリートとか、グランジもんばっかじゃん」みたいな感じで偏る事が多いんですが、ここではイラスト、方眼、ドット、ストライプ、唐草と、色々なカテゴリのテクスチャが紹介されてます。テクスチャ探しの際に役立ってくれそうです。 100+ Seamless Patterns Great for Creating Website Backgrounds

[FONT] 50 Free Movie Themed Fonts You Can Download – 映画やゲームのタイトルフォントまとめ Pocket Tweet 映画やゲームに使われているフォントがまとめられた記事。オフィシャルものというわけではなく、模したものですね。映画やゲームだけでなく、メディアやバンドロゴなんかも含まれています。ALIENやClock Work Orangeのフォントは自分大好きです。思い入れのあるゲームのタイトルロゴも、なんだかこうして見てるだけでグっときますな。ちなみに俺はFFは6までという立ち位置でございます。 50 Free Movie Themed Fonts You Can Download

[PHOTOSHOP] 24 New Beautiful Photoshop Brushes – 新しいフォトショップ用ブラシ Pocket Tweet 最近公開された、わりと新しめのフォトショップ用ブラシがまとめられてます。最近のというだけあって、見たことないのが多いです。これ系の記事においては定番となった、グランジデザインのためのインクやペンキ、錆などの汚し類をはじめ、ライトエフェクトに使えるフラクタル、アブストラクトもの、翼や靴、花など、また唐草模様なんかもあります。素材探しの際に便利ですね、こういう記事。 24 New Beautiful Photoshop Brushes

[ICON] Iconic Iconset – ミニマルなデザインのアイコンセット Pocket Tweet ミニマルなデザインのアイコンセットが配布されてます。やや太めの筆圧の、目的のみを端的に表記したシンプルなアイコンです。84個のアイコンが格納されているようで、サイト内からプレビューもできます。ボタンなどの機能性を上げる際の装飾にイイ感じ。 Iconic Iconset

[NEWS LETTER] Excellent HTML Newsletter Templates – Best Of – HTMLメルマガのテンプレートまとめ Pocket Tweet これはなかなか珍しい。HTMLメールのテンプレートをまとめた記事。企業から送られてくるニュースレター（メルマガ）の素体として使えるようなHTMLテンプレートです。メルマガをリッチコンテンツとして送りたいというクライアントオーダーが出た場合にイイかもしんない。あと企業のメルマガ担当者の人にとっても役に立ちそうです。 Excellent HTML Newsletter Templates – Best Of

[CSS] Simply-Buttons v2 – CSSだけで動作する、テキスト量に対して幅が可変なボタン Pocket Tweet テキストの量に応じて幅が変わる、シンプルな角丸ボタンをCSSだけで動作させるというもの。このあたりを見ると、JSファイルが使われていない事が分かります。HTML記述がいわゆるspanタグの2重がけするものでわりと簡単であるという点、 Inactive, Active, Hoverという3つの状態を制作できる点において優れているなぁという印象。汎用性は高そうです。早速使わせてもらいます。 Simply-Buttons v2

[TEXTURE] The Big Collection Of Free Design Textures – フリーのテクスチャ配布サイトまとめ Pocket Tweet フリーのテクスチャが配布されているサイトがまとめられた記事。唐草、汚し、壁面、ドローイング、水彩画、植物、クリスタル、錆、石、紙、土、タイルと、かなり多くの種類のテクスチャが集められてます。テクスチャ探しの旅に出る際の基点としてイイ感じの記事。 The Big Collection Of Free Design Textures

[WORDPRESS] 著作権放棄の業者向けWordPress2.8管理画面マニュアルを配布します Pocket Tweet こ、これは素晴らしい。ウェブ制作業者がワードプレスで制作したサイトを納品する際に、クライアントに渡すためのWPマニュアルが無料で配布されています。基本的に『Webに疎いクライアントさんに渡すマニュアル』という位置づけのようです。著作権も放棄ということで、『マニュアルを有料で売る事も自分で作ったと言い張っても問題ないです』とのこと。これめっちゃ助かるなー。早速使わせてもらいます。 著作権放棄の業者向けWordPress2.8管理画面マニュアルを配布します

[BRUSH] 4089+ High Quality Free Photoshop Brushes – フォトショップ用のブラシ配布サイトまとめ Pocket Tweet フォトショップ用のブラシが4000個オーバー紹介されてます。4000て！　いやまぁこれはブラシひとつひとつをカウントしたら、って話であって、実際はそれぞれブラシセットで配布されています。汚しなどのグランジ系、植物、生き物、イラスト、アブストラクトなど各種揃ってます。これだけのブラシがあればジオンはあと10年は戦える、といった感じでしょうか。 4089+ High Quality Free Photoshop Brushes

[TEXTURE] 12 Free & High Quality Burnt Paper Textures – 焼けた紙のテクスチャー Pocket Tweet 焼けた紙の無料テクスチャーが12個紹介されてます。グランジ系の汚しデザインをする時にナイスな素材。そういえば焼けた紙の素材って、テクスチャ配布サイトなどであまり見かけないなぁ。というわけで素材の種類としてはわりとレアモンかもしれません。 12 Free & High Quality Burnt Paper Textures

[JAVASCRIPT] Create a Realistic Hover Effect With jQuery – jQueryを使ったホバーエフェクト Pocket Tweet ウホ！　これかっこいい！　jQueryを使ったホバーエフェクトが紹介されてます。オンマウスする事でボタンがちょっと浮き上がり、反射やドロップシャドウのエフェクトも同時に動くという、なんだかちょっと洗練された感じのエフェクトです。FlashではなくJSで再現されてる点がナイス。これボタンの画像さえ変えれば何にでも応用が利きますね。よーしDLしとこ。 Create a Realistic Hover Effect With jQuery

[PHOTOSHOP] 33 Excellent Web Layout Photoshop Tutorials – フォトショップで行うウェブレイアウトのチュートリアル集 Pocket Tweet フォトショップを使って行う、ウェブレイアウトのチュートリアルが33例まとめられています。ウェブデザイナーの多くはフォトショップを使ってデザインワークをしてると思いますが、特にレイアウトを行う上でのTipsなんかが紹介されてます。どれもよくデザインされているので、ネタ帳としても秀逸な記事。チュートリアルによってはPSDファイルが配布されてるかもしれません。 33 Excellent Web Layout Photoshop Tutorials >>

[PHOTOSHOP BRUSH] 45+ Beautiful Light Abstract Photoshop Brush Sets – 光を表現するためのフォトショップ用ブラシまとめ Pocket Tweet 光を表現するためのフォトショップ用ブラシセットが45個まとめられてます。パっと見どれも似たようなライトエフェクトですが、けど実際光を使った表現する際って、「こういう形のブラシが欲しいんだYO！」っていう具体的な形がある場合が多いので、数が多いにこしたことはないですね。グランジ系の汚しデザインもわりとそんな感じ。ライトエフェクトと言うと流行のデザインですからね、1度は手を出しておきたいところであります。 45+ Beautiful Light Abstract Photoshop Brush Sets >>

[WEB DESIGN] 45 Step-by-Step Tutorials on Web Design with Photoshop – フォトショップを使ったチュートリアルサイトまとめ Pocket Tweet フォトショップを使ったチュートリアルがまとめられた記事。目的別にサイトデザインを行う方法、グランジ表現、ナビゲーション関係、水彩画のようなエフェクト、テンプレートの紹介など、広い範囲に渡っていろんなチュートリアルが紹介されてます。雑多な印象ですが、わりとネタ帳としても機能してくれそうな記事です。 45 Step-by-Step Tutorials on Web Design with Photoshop >>

[PHOTOSHOP] 24 Useful Tutorials on Creating Photoshop Brushes – フォトショップ用ブラシの作り方 Pocket Tweet フォトショップ用ブラシの作り方のチュートリアル記事まとめ。いつも無料配布ブラシにはお世話になってるけど、自作ってそういやあまりしたことがないって人は多いんじゃないでしょうか。水滴、グランジ、レゴ、ライトエフェクト、唐草模様、星、ストライプ、筆によるストローク、動物、植物など、様々なオブジェクトをブラシとして作成するチュートリアルが紹介されてます。 24 Useful Tutorials on Creating Photoshop Brushes

[JAVASCRIPT] 20 Fantastic Latest jQuery Plugins – ファンタスティックなjQueryプラグイン Pocket Tweet ファンタスティックなjQueryプラグインが20例紹介された記事。これといってジャンルを縛らずまとめられてます。Lightbox亜種、スライドショー、iPhone対応、スライダー、YouTube再生補助、アップローダー、翻訳ツール、カレンダー、MacOSのDock風ナビゲーション、ズーム表示、Twitter表示ツール、イメージトリミングと、幅広く揃ってます。jQueryってプラグインの数が豊富なだけに、ひとつの目的でも複数の選択肢があるのがナイスですね。 20 Fantastic Latest jQuery Plugins

[ICON] 22 Extremely Well Written Icon Design Tutorials – よくできたアイコンデザインのチュートリアル Pocket Tweet ウェブ上で公開されている、よくできたアイコンデザインのチュートリアルが22例紹介されています。オリジナルのアイコンや、既存のアイコン（主にアップル関係が多いです）をゼロから作るもの、カメラやエンピツなどをイラストとして描くものなどが紹介されてます。アイコンってウェブ制作でわりと使用頻度が高いパーツなので、こういうチュートリアルまとめは勉強になりますな。 22 Extremely Well Written Icon Design Tutorials >>

[JAVASCRIPT] The Ultimate jQuery List – 膨大な数のjQueryプラグインを1ページで紹介するサイト Pocket Tweet 膨大な数のjQueryプラグインを、1ページで紹介するサイト。数が数なだけにページの長さと重さは尋常じゃないですが、これだけのプラグインが揃ってる様子は圧巻でございます。それぞれカテゴリ別に並んでいるので、閲覧性は良くないですが、用途に応じて探せそうな感じです。 The Ultimate jQuery List >>