2010年のWeb制作に役立つ海外まとめ記事のまとめ

Ads
目次
    1. HTML / CSS関連
      1. 42のcss3チュートリアルやテクニック・デモ付き
      2. 全てのデザイナーが見るべき50のcss3テクニック
      3. 2010年版・ハイクオリティなcss/thmlテンプレート50個
      4. 2010年版・無料のcss/htmlテンプレート80個まとめ
      5. 250以上のhtml5チュートリアル
      6. 185以上のとても使えるcssツール・チュートリアルやチートシートまとめ
      7. 無料で手に入る美しいcss/htmlテンプレート20個
    2. Photoshop
      1. 2010年版・Photoshopで作るアイコンデザインのベストチュートリアル
      2. Photoshopで作るハイクオリティなWebデザインチュートリアル35個
      3. 無料のハイクオリティなWebサイトテンプレートのPSDファイル30以上
      4. Webデザイナーと開発者向けのフリーのPSDファイル30個まとめ30
    3. フォント / アイコン /テクスチャなど
      1. フォント・オブ・ザ・イヤー2010 ベストフリーフォント30個
      2. ハイクオリティで新しい25のフリーフォント
      3. 2010年度・ベストフリーフォント
      4. あなたのWebデザインやアプリに使える18のUIエレメントパック
      5. 2010年度・ベストアイコンセット
    4. jQuery
      1. 2010年度・jQueryテクニック ベスト50
      2. 25のセクシーなマルチレベルドロップダウンメニュー with jQuery
      3. フォームをアレコレ出来る50の使えるjQueryプラグイン
      4. 35のjQueryアニメーションテクニック
      5. 50の新しいjQueryプラグインまとめ
    5. WordPress
      1. フリーのWPテーマ60以上
      2. 2010年度・フリーのハイクオリティなWPテーマ100個
      3. 20のプラグインを使わないカスタマイズTips
      4. エキスパートになれる!40のWPテクニック
      5. 10の驚きの.htaccess WPハック
      6. functions.phpを利用した25のWPハック
      7. 2010年度・WPチュートリアル・ベスト・オブ・ベスト
    6. インスピレーション
      1. インスピレーション向上に役立つヘッダやフッタデザイン35個
      2. 背景に大きな画像を利用したWebデザイン例
      3. 2010年度・ベストWebデザイン65
      4. インタラクティブな驚くべき40の日本のサイト
      5. インスピレーション向上に役立つWebサイトのナビゲーションメニュー30個

まとめのまとめです。来年の復習用
にエントリー。今年も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日からだと思います。

タイトルとURLをコピーしました