2007年、ウェブデザイン関連で人気が高かった海外のブログエントリー

crestock.comのエントリー「2007年、最も人気が高い50のウェブデザインのブログポスト、リソース&チートシート」と、TenThousandThingsのエントリー「Web Design: From Good to Great in 25 Links」から、ウェブデザイン関連で2007年に人気が高かったサイトの紹介です。

The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007
Web Design: From Good to Great in 25 Links

ウェブデザインの基本原則

• 9 Essential Design Principles
  ウェブデザインの９つの原則
• The Importance of White space
  ホワイトスペースの使い方
• 8 Design Tactics to Help You When You're Stuck
  デザイナーのための８つの戦術
• 10 Great Website Redesigns of 2007
  リデザインされた10のサイト
• The Open Source Web Design Toolbox: 100 Web Design Template Sources, Tools and Resources
  ウェブデザインのための100のオープンソースやツールやリソース
• Top 100 Online Generators for Web 2.0
  Web 2.0用の100のオンラインジェネレーター
• 19 Things NOT to do When Building a Website
  ウェブサイトの構築にしてはいけない19のポイント
• Ultimate Web Development Cheat Sheet
  ウェブ開発者のためのチートシート集
• 42 Design/Tech Magazines To Read
  42の読むべきデザイン・技術系のマガジン
• 7 Surefire Styles that Work
  7つのクールなデザイン

色：カラー

• Color Theory Visualizer
  カラーセオリーのビジュアライザー
• 10 Tools to Help You Create a Web 2.0 Color Palette
  Web 2.0のカラースキームに役立つ10のツール
• Rule 3: Contrast, Contrast, Contrast
  コントラストを使いこなす基本的なレッスン

グラフィック&アイコン

• The Top 50 Logo Design Tutorials
  ロゴデザインのチュートリアルTop50
• 300 Free Icons
  300のフリーの3Dアイコン
• Ultimate Web 2.0 Layer Styles
  Web 2.0用のレイヤースタイル
• Iconfinder - Icon Search Engine
  アイコンのサーチエンジン
• 99 Useful Resources for Graphic Designers
  デザイナーのための99のリソース
• Free Fading Corner Images
  フリーの角丸
• 50 Remarkable Favicons
  50のクールなファビコン
• 100 Awesome High Resolutions Photoshop Brushes
  100の高解像度のPhotoshopのブラシ

写真：フォト

• How to Turn Your Photo Into a Movie-Like Effect Using Photoshop
  映画のような効果を与えるレタッチ方法
• 11 Super Awesome Photoshop Movie Effects
  11の映画のエフェクト
• Free Photoshop Plugins
  フリーのPhotoshopのプラグイン
• Advanced Glow Effects
  輝く光のエフェクト
• Beginner's Guide to Photography for Computer Geek's Who Want to be Digital Artists
  写真レタッチのビギナーズガイド

スタイルシート：CSS

• 55 CSS Techniques You Can't Live Without
  55の大事なCSSテクニック
• How to Make Sexy Buttons With CSS
  CSSで作るセクシーなボタン
• 6 Keys to Understanding Modern CSS-Based Design
  CSSベースのデザインを理解する際の６つのキー
• CSS Slicing Guide
  CSSのスライシングガイド
• 71 Free CSS Menus
  71のフリーのCSSメニュー
• Advanced CSS Menu
  進歩したCSSメニュー
• 15 CSS Properties You Probably Never Use (but perhaps should)
  15の使うべきCSSのプロパティ
• 70 Expert Ideas For Better CSS Coding
  70のより良いCSSのエキスパートのアイデア
• Blueprint CSS
  CSSのライブラリ
• Designing on a Dime: 100 Freebie CSS Resources
  100のCSSのリソース

フォント&テキスト

• Color and Typography in Good Design
  カラーとタイポグラフィ
• 51 Text Effect Tutorials
  51のテキストのエフェクトのチュートリアル
• 10,000 Free Fonts
  10,000のフリーフォント
• Top 500 Fonts on the Web
  ウェブのフォントTop 500
• Web Page Readability
  ウェブで読みやすいテキストとは
• 40+ Excellent Free Fonts For Professional Design
  40+のプロフェッショナルデザインのためのフリーフォント

レイアウト

• 30 Dark Designs You Should've Seen
  30のダークなデザイン
• 83 Beautiful WordPress Themes You (Probably) Haven't Seen
  83のWordPressのテーマ
• 30 Stunning One-Page Websites
  30のすごい1ページのウェブサイト
• Web Design-isms: 7 Surefire Styles that Work
  7つの成功間違いないスタイル
• Elements of Great Design: The Polish
  すばらしいデザインのエレメント
• 30 More Excellent Blog Designs
  30のすばらしいブログデザイン
• 20 of the Best E-Commerce Websites
  Eコマースサイト ベスト20
• 60 Elegant And Visually Appealing Designs
  60のエレガントなデザイン
• 11 Almost Perfect Business Layout
  11のパーフェクトなビジネスレイアウト

その他

• Cool Business Card Designs
  クールな名刺デザイン
• 25 Code Snippets for Web Designers
  25のウェブデザイナーのためのコードスニペッツ
• The Web Designers Toolbox
  ウェブデザイナーのためのリンク集
• 35 Designers x 5 Questions
  35人のデザイナーへの５つの質問
• Secrets of Self Taught Web Developers
  ウェブデザイナーのための115のリソース
• 34 Places to Get Design Inspiration
  34のインスピレーションを与える場所
• 30+ Firefox Add-Ons for Web Designers
  ウェブデザイナーのためのFirefoxのアドオン
• 25 Reasons You Might Be A Hard-Core Graphic Designer
  筋金入りのデザイナーであるかもしれない25の理由
• 50 Ways to Become a Better Designer
  もっとよいデザイナーになるための50の方法
• Web Page Analyzer
  サイトのパフォーマンスを測定するツール