まとめのまとめです。来年の復習用
にエントリー。今年もWeb制作関連
の記事が沢山ありましたが、そんな
中でもうまくまとめてくれている記事
をまとめてハブ的な記事にしたいと
思います。

というわけで、Web制作に役に立つ記事のまとめのまとめ海外限定。国内のはいろいろな所で見かけてるので割愛しました。はてブTOP100とか見れば大丈夫じゃないかなと思います。自分でもまとめたんぼで良かったら→2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ

タイトルは意訳したり適当に付けたりです。

HTML / CSS関連

HTML5とかCSS3が多いです

42のcss3チュートリアルやテクニック・デモ付き

↑ css3のテクニックやチュートリアル、デモなど42個

42 Powerful CSS3 Techniques,Tutorials and Experiments With Demos

全てのデザイナーが見るべき50のcss3テクニック

↑ こちらもcss3のチュートリアルまとめです

50 CSS3 Tutorials Every Designer Should See

2010年版・ハイクオリティなcss/thmlテンプレート50個

↑ ハイクオリティなテンプレまとめ

50 Highly Free CSS/XHTML TEMPLATES 2010

2010年版・無料のcss/htmlテンプレート80個まとめ

↑ こちらもテンプレのまとめ。80個もあります。

80+free CSS/HTML Templates Layout 2010

250以上のhtml5チュートリアル

↑ HTML5のまとめのまとめです。この記事をまとめに入れる僕は何がしたいんでしょうね。

250+ HTML5 Tutorials. Roundup from DesignFloat

185以上のとても使えるcssツール・チュートリアルやチートシートまとめ

↑ cssのツールやチュートリアルが病的にまとめられています。

185+ Very Useful and Categorized CSS Tools, Tutorials, Cheat Sheets

無料で手に入る美しいcss/htmlテンプレート20個

↑ 厳選20個のテンプレ。

20 Beautiful Free XHTML/CSS Templates

Photoshop

Ps関連。チュートリアルやら素材やら。

2010年版・Photoshopで作るアイコンデザインのベストチュートリアル

↑ アイコンをデザインするチュートリアル記事の今年のベスト。

Best Photoshop Icon Design Tutorials Created in 2010

Photoshopで作るハイクオリティなWebデザインチュートリアル35個

↑ WebデザインのPsチュートリアル35記事

35 High Quality Photoshop Web Design Tutorials

無料のハイクオリティなWebサイトテンプレートのPSDファイル30以上

↑ クオリティの高いWebサイトのPSDテンプレまとめ

30+ High-Quality Free PSD Website Templates to Download

Webデザイナーと開発者向けのフリーのPSDファイル30個まとめ30

↑ デザイナーや開発者向けのフリーのPSD素材30個。どれもクオリティ高いですね。

30 Supercharged Free Photoshop PSD Files for Web Designers and Developers

フォント / アイコン /テクスチャなど

素材いろいろ

フォント・オブ・ザ・イヤー2010　ベストフリーフォント30個

↑ フリーの素敵なフォントが30個紹介されてます。

30 Free Addictive Fonts Of Year 2010

ハイクオリティで新しい25のフリーフォント

↑ Smashing Magazineの紹介する新・フォント25個

25 New Free High-Quality Fonts

2010年度・ベストフリーフォント

↑ 今年のベストフォント

Best Free Fonts of 2010

あなたのWebデザインやアプリに使える18のUIエレメントパック

↑ 無料で手に入るUIエレメントの素材18個まとめ

18 free UI elements packs for your web designs and apps

2010年度・ベストアイコンセット

↑ 今年のベストアイコン

Best Free Icon Sets of 2010

jQuery

jQuery大好き。

2010年度・jQueryテクニック　ベスト50

↑ jQueryのチュートリアルベスト50

50 Best jQuery Techniques 2010

25のセクシーなマルチレベルドロップダウンメニュー　with jQuery

↑ ドロップダウンメニューいろいろ。セクシー限定だそうです。

25 sexy jQuery Drop Down Multi Level Menu

フォームをアレコレ出来る50の使えるjQueryプラグイン

↑ 50のフォーム系プラグイン

50 Useful jQuery Plugins to Enhance your Forms

35のjQueryアニメーションテクニック

↑ アニメーション実装チュートリアル35記事まとめ

35 jQuery Animation Tutorials

50の新しいjQueryプラグインまとめ

↑ 驚くべき新しいjQueryプラグイン50個

50 Awesome New jQuery Plugins

WordPress

WP関連のまとめ記事

フリーのWPテーマ60以上

↑ フリーのテーマ60個以上

60+ Latest High-Quality Free WordPress Themes

2010年度・フリーのハイクオリティなWPテーマ100個

↑ こちらは100個

100 Free High Quality WordPress Themes: 2010 Edition

20のプラグインを使わないカスタマイズTips

↑ プラグインを利用しないWPカスタマイズTipsのまとめ

20 Plugin Replacing Tutorials, Tips, Snippets and Solutions for WordPress

エキスパートになれる！40のWPテクニック

↑ マスターすればWPのエキスパートになれちゃうかもしれないチュートリアル40

Become Expert with 40 WordPress Tutorials

10の驚きの.htaccess WPハック

↑ .htaccessを使った10のWPハック

10 awesome .htaccess hacks for WordPress

functions.phpを利用した25のWPハック

↑ functions.phpを使ったカスタマイズ25個

25+ Extremely Useful Tricks for the WordPress Functions File

2010年度・WPチュートリアル・ベスト・オブ・ベスト

↑ 相当な数のチュートリアルがまとめられています

Best of Best WordPress Tutorials of 2010

インスピレーション

見るのも大事

インスピレーション向上に役立つヘッダやフッタデザイン35個

↑ ヘッダーとフッターデザインのまとめ。

35 Inspiring Headers and Footers

背景に大きな画像を利用したWebデザイン例

↑ 大きな画像を背景に利用したサイトの例です

30 Examples of Big Backgrounds in Web Design

2010年度・ベストWebデザイン65

↑ 今年のベストデザイン65

Showcasing 65 of the Best Website Designs of 2010

インタラクティブな驚くべき40の日本のサイト

↑ インタラクティブな日本のWebサイト40個

40 Awesome Interactive Japanese Websites

インスピレーション向上に役立つWebサイトのナビゲーションメニュー30個

↑ ナビゲーションまとめ

30 Inspiring Website Navigation Menus

以上、来年用の僕用の教科書や教材まとめでした。一応明日も普通に更新します。来年はたぶん4日からだと思います。