Webデザインに使える!サンプルコード&ツールまとめ


元ネタ:http://thinkdesignblog.com/40-great-webgraphic-design-resources.htm*1



■お手軽Webアプリケーション系


CSS Typeset
CSSでの文字設定を簡単に作成してくれるサービス


.htaccess Editor
オンラインで簡単に.htaccessファイルを作成してくれるサービス


Clean CSS
CSSを最適化してくれるサービス


PHP Form
PHPのフォームを手軽に作成してくれるサービス


Browser Shot
Webサイトのデザインを55の異なったブラウザとOS環境でチェックしてくれるサービス


Social Marker
複数のソーシャルブックマークサービスへ一発で追加してくれるサービス


PipeBytes
ファイルを転送してくれるサービス


Typetester
手軽に様々なフォントや文字サイズ、間隔を試すことができるサービス


FontStruct
オンラインでフォントが作れるサービス


BG Patterns
パターン背景ジェネレーター


Super Screenshot!
Webサイトのスクリーンショットを撮ってくれるサービス



■使えるサンプルコード系


CSS Boxes
CSSによるマルチカラムのテンプレート


CSS Horizontal Drop-Down Menu
CSSのドロップダウンメニューのサンプルコード


14 Free Vertical CSS Menus
おしゃれなCSSで作られたメニューのサンプルコード


22 Resources to Easily Create CSS Layouts
CSSレイアウトに関するサンプルコード


COLOURlovers
配色パターン集


kuler
配色パターン集



■フリー素材系


Design Resourcese Search Engine
デザイン素材に特化した検索エンジン


DaFont
フリーフォント


Icon Buffet
アイコンのフリー素材集


Stock Vault
写真のフリー素材集


TextureKing
テクスチャのフリー素材集


SquidFingers Patterns
パターン背景のフリー素材集



WordPress関連


Free WP Themes
WordPressのフリーデザイン集


Wordpress Themes
WordPressのフリーデザイン集


100 Excellent Free WordPress Themes
WordPressのフリーデザイン集


Useful WordPress Plugins
WordPressプラグイン


Create Your WordPress Theme
WordPressのテーマ作成チュートリアル


WP Themer Kit
WordPressのテンプレート



■その他


ColorZilla
サイト上の選択した部分のカラーコードがわかるFireFoxアドオン


Ink scape
オープンソースベクターグラフィックソフト


Open Source Living
オープンソースで開発されたプログラムとアプリケーションのまとめ


40 Tips for optimizing your php code
PHPコードを最適化する40の方法

*1:英語サイトへのリンク集などは省略してあります。