クレジット：
昨年、私たちは次のような記事を投稿しましたWeb デザイン用の 50 以上のツール。この 1 年で多くのことが変わり、デザイナーが利用できる新しいツールがたくさんあります。始めたばかりでドラッグ アンド ドロップ ビルダーが必要な場合でも、何年もコーディングをしていて効率を高めるためのツールが必要な場合でも、このリストにはあなたに合ったものが見つかります。ここでは、より優れた、より迅速なデザイナーになるための 130 以上のツールを紹介します。コメントに自由に追加してください。
初心者向けリソース
クレジット：
YAMLビルダー- 使いやすい YAML (Yet Another Multicolumn Layout) XHTML/CSS サイト レイアウト ビルダー。
スカイ CSS ツール- JavaScript CSS オーサリング アプリ。
興行収入- 画像の周囲にテキストを折り返すための CSS 書式設定ツール。
CSSTXT- オンライン CSS テキスト スタイル ジェネレーター。
クレジット：
izzyMenu.com- 無料のCSSメニュービルダー。
pフォーム- HTML フォームビルダー。
ロクサー- Web サイト作成者をドラッグ アンド ドロップします。
ワイヤーノード- 独自のモバイル Web サイトを作成します。
落書きキット- フォーム ビルダー、PayPal ショッピング カート、交換可能なレイアウトとグラフィックス、組み込みのストック写真/画像リポジトリを含むオンライン Web サイト ビルダーおよび CMS。有料プランと無料プランの両方があります。
クレジット：
dotemplate- テンプレートをダウンロードする前にカスタマイズできるテンプレート サイト。
テンプレート- Web サイトのテンプレートを作成するためのオンライン ツール。
記録機関- クリエイティブプロフェッショナル向けのウェブサイトデザインおよびホスティングプラットフォーム。
タイプチャート- さまざまな書体やスタイルを参照し、必要なものの CSS を取得します。
CSSタイプセット- このツールを使用してカスタム CSS タイプ スタイルを作成します。
クレジット：
CSSタイプ- Web セーフ タイポグラフィを試して、それに対応する CSS を入手します。
CSSビルダー- その場でスタイルシートを生成し、サイトのコードをコピーします。
ファーダマティック- テーブルレスの 2 列または 3 列のブログ デザインを作成するための無料ツール。
サイコ- ブログテンプレート作成者。
クレジット：
フォリオナウ- 自分自身または他の人のための Web サイトを簡単かつ手頃な価格で作成できます。
CSテキスト- カスタム CSS テキスト スタイルを作成します。
暗闇- 使いやすいウェブサイトビルダー。
快適なページ- テンプレートをカスタマイズし、必要なだけページを追加できる、使いやすい無料のウェブサイト ビルダーです。
LetsEat.at- カスタマイズ可能なメニュー、日替わりスペシャル、印刷可能なクーポンなどを含むレストラン向けの無料ウェブサイトビルダーおよびホスティング。
クレジット：
ウェブボン- ブログ、フォト アルバム、ビデオ ギャラリーなどを作成できる、広告なしの無料ウェブサイト ビルダー。
インフォガム- ワンクリック編集、カスタマイズ可能なテンプレートなどを使用して Web サイトを作成します。
おいしい- Web サイトを作成し、独自のドメインで公開します。
ジンドゥー- 必要な数のページを含む独自の Web サイトを作成し、画像やビデオなどを統合します。
ウェブノード- ドラッグ アンド ドロップ技術、タグ付け、無料ホスティングを使用して、個人またはビジネスの Web サイトを無料で作成します。
クレジット：
戦争- 電子商取引ウェブサイトビルダー。
easysite.com- 写真、ビデオ、ブログが含まれ、無料の電話サポートが含まれる Web サイト作成ツール。
マイファミリー.com- 無制限のストレージ容量を備えた無料のファミリー Web サイト作成者。
モーメントヴィル- 無料の結婚式用ウェブサイトビルダー。
じゃあね！- 高解像度の写真交換、プライベート メッセージング、ゲスト プロフィールなどを備えたウェディング Web サイト作成ツール。
クレジット：
ゴーホスター- サブドメインを含むもう 1 つの無料 Web サイトビルダー。
ブリンクウェブ- ドラッグ アンド ドロップ機能と電子商取引オプションを備えた無料のウェブサイト ビルダー。
マクロカーサ- エージェント メッセージング システムと顧客管理機能を備えた不動産業界向けの Web サイト ビルダー。
ピクシー- 直感的なインターフェイスと簡単なインストールを備えた、無料のオープンソース Web サイト作成ツール。
クレジット：
スクエアスペース- XHTML 検証、WYSIWYG 編集、ブログ プラットフォームなどを備えた強力な Web サイト作成ツール。
ニック編集- クロスプラットフォームのコンテンツ エディターにより、Web サイトのコンテンツをブラウザーで直接編集できます。
WordPress テーマジェネレーター- このオンライン ツールを使用して、独自の完全カスタム WordPress テーマを作成します。
より上級のユーザーおよび専門家向けのリソース
クレジット：
CSS スーパードゥーシュ- CSS から不要なコンテンツと冗長な呼び出しを削除し、CSS のサイズと複雑さを軽減します。
コードビューティファイアー- CSS コードをフォーマットして最適化します。
CSSFフライ- (X)HTML および CSS のブラウザ内編集。
CSS ドライブ CSS コンプレッサー- このツールを使用すると、CSS ファイルのサイズと読み込み速度が短縮されます。
クレジット：
クリーンなCSS- CSS ファイル サイズを削減するためのもう 1 つの CSS 最適化ツール。
電磁計算機- ピクセルベースのサイズを em 単位に変換して、よりスケーラブルでアクセスしやすい CSS デザインを実現します。
CSS 冗長性チェッカー- 未使用の CSS セレクターを自動的に削除し、CSS ファイルの冗長性をチェックします。
グレイビット- フルカラーの Web ページをグレースケールで表示するアクセシビリティ テスト ツール。
プロトシェア- クリック可能な Web サイトのプロトタイプを作成し、チーム メンバーからフィードバック、アイデア、提案を受け取ります。
クレジット：
最もスライスされたもの- ユーザーからのレビューと評価を含む画像スライス サービスのディレクトリ。
挿入してください- Web デザイナー向けのコード不要の CMS。
ライトCMS- クライアントが自分で管理できる Web サイトを作成できる Web デザイナー向けの CMS。
クリックブック- ウェブサイト作成およびポートフォリオ管理ツール。
ジャンプチャート- クリーンな CSS/XHTML をエクスポートできる Web サイト計画アプリ。
クレジット：
ブログイット- あらゆる Web サイトのデザインに統合できる、Web デザイナー向けのブログ ツール。
反映する- Web デザイナーとそのクライアントが Web サイトを作成および管理できるようにする、Web デザイナー向けの Web サイト プラットフォームおよびホスティング サービス。
カーボン製- 無料プランと有料プランのあるデザイナー向けのオンライン ポートフォリオ サイト。
テーマプレス- テンプレート ファイルを WordPress テーマに自動的に変換します。
クレジット：
フォン・GUI- Web サイトを表示してから最初の 5 秒間の人間の視覚をシミュレートすることにより、Web サイトのヒートマップを生成します。
テキストジェネレーター- lorem ipsum 風のテキストを生成します。
ヴァンタの- デザイン専門家にウェブサイトを迅速に構築する方法を提供することを目的とした、無料のビジネスウェブサイトビルダーおよびホスティング。
タプリックス- 新規または既存の Web サイトで使用できる、使いやすい Web サイト作成ツール。
フォリオスナップ- クリエイティブプロフェッショナル向けのウェブサイトポートフォリオビルダー。
フロントフレンド- デザイナーがフォームやテンプレートを作成し、クライアントが独自の情報を入力できるようにするデザイナー向けの CMS。
グラフィック、ページ要素、デザインツール
クレジット：
スクーンショット- スクリーンショットをホスト、共有、タグ付けします。
flickrSLiDR- flickr スライドショーを作成して、Web サイトやブログに埋め込みます。
ウェブスナップ 2.0- Web サイトのサムネイルをキャプチャするためのオンライン ツール。
スタイルイグナイト- サイトで使用できる連絡先フォーム、レイアウトなどのスニペット (CSS、HTML など) をデザインします。
クレジット：
BGパターン- ライブプレビュー付きの背景パターン作成ツール。
エフェクトジェネレーター- このツールを使用して、アニメーションのスライドショーやボタンなどを作成します。
カラーウィザード- 色を送信すると、このツールは一致する色を返します。
カラージャック- 色彩理論も探求する配色ギャラリー。
私のクールなボタン- Web 2.0 ボタン作成者。
クレジット：
[ws] 配色ジェネレーター2- 使いやすい配色作成ツール。
コーナーショップ- Web サイトの角を丸くするための CSS と画像を入手します。
CSSラウンド- ウェブサイトに丸い角を作成するためのもう 1 つのツール。
カラーハンター- 画像からカラーパレットを抽出できるカラーパレット作成ツール。
ウェブグラフィックスメーカー- ウェブサイトの背景、線、箇条書きを作成する無料ツール。
クレジット：
ボタンジェネレーターとして- 無料の Web ボタン作成者。
ピクリフレクト- 写真の反射を作成する無料ツール。
ブラディコン！- 任意の画像からアイコンを作成します。
タブクリエイター- サイトの CSS タブ付きナビゲーションを作成します。
List-u-Like CSS ジェネレーター- リストベースのナビゲーション バーを作成するツール。
text2PNG.com- テキストヘッダーとナビゲーションを PNG ファイルに変換します。
クレジット：
アイコンペディア- 無料の膨大なアイコンコレクション。
ゲンファビコン- 無料のファビコンジェネレーター。
クイックリボン.com- サイトのリンクありまたはリンクなしのカスタム リボンを作成します。
ガラス状のボタン- カスタムのガラス状スタイルのボタンを作成します。
ウェブサイトリボンジェネレーター- ハイパーリンクの有無にかかわらず、サイトに無料のリボンを作成します。
クレジット：
4096 カラーホイール- Web セーフ、Web スマート、および安全でない色を示すカラー スキーム ジェネレーター。
Web 2.0 無料ロゴジェネレーター- 独自のカスタム Web 2.0 ロゴを作成します。
カラーデータベース- もう 1 つのカラー パレット ジェネレーターですが、これは他のものよりもはるかに詳細です。
colorcombos.com- 色の組み合わせの膨大なライブラリ。
カラートイ 2.0- Flash ベースのカラー パレット ジェネレーター。
アクセシビリティ カラーホイール- 背景と文字の色の組み合わせが読みやすいかどうかを確認してください。このツールは、2 つの間に十分なコントラストがあるかどうかを示します。
クレジット：
Artypapers ボタン- ボタンをカスタマイズして Web サイトに集めます。
フレッシュバッジ- サイトの Web 2.0 バッジを作成します。
ファビコン生成ツール- Dagon Design の無料ファビコン作成者。
ファビコンジェネレーター- もう一つの無料のファビコンジェネレーター。
ファビコンメーカー v1- 無料の基本的なファビコン作成ツール。ゼロからまたは既存の画像からファビコンを作成できます。
ストライプデザイナー- ウェブサイトの背景ストライプを作成します。
ファビコンツール- 無料で使いやすいファビコンジェネレーター。
ファビコンジェネレーターとギャラリー- 独自のファビコンを作成するか、他の人が作成したファビコンを参照します。
クレジット：
Web Script Lab ファビコン ジェネレーター- もう一つの無料のファビコンジェネレーター。
Ajax 読み込み GIF ジェネレーター- 使いやすい読み込みGIFジェネレーター。
ローダージェネレーター- ローディングスピナーを作成するツール。
グラデーション画像メーカー- 画像のグラデーションを作成する無料ツール。
レインメーカー- タグクラウドクリエイター。
クレジット：
ファビコン.cc- もう一つの無料のファビコン作成者。
写真のお気に入りアイコン- 画像からファビコンを作成します。
タグ群衆- 無料のタグクラウドクリエイター。
変換アイコン- ICO を PNG に、またはその逆に変換します。
私のタイムライン- ブログまたは Web サイトの AJAX タイムラインを作成します。
クレジット：
シンボリズム- どのような感情や言葉がさまざまな色に関連付けられているかに関する情報を含むカラーツール。
カラーパレットジェネレーター- アップロードした画像を元にカラーパレットを作成するツールです。
ワードル- 任意のテキストからワードクラウドまたはタグクラウドを作成します。
スクリードボット- アニメーションスクロールテキストを作成します。
Badged.net- バッジを作成して Web サイトに追加します。
クレジット：
フォームスタイルジェネレーター- 独自の CSS スタイルの Web フォームを作成します。
リフレクションメーカー.com- 画像の反射を作成します。
ブログステッカー- ソーシャルステッカーディレクトリ。
インスタントスポイト- マウスを 1 回クリックするだけで、Web 上の任意の色のカラーコードを取得します。
インスピレーション、コラボレーション、その他のリソース
クレジット：
フルシングル- 本当に素晴らしいシングルページ Web サイトのギャラリー。
私たちはWPを愛しています- WordPress を利用した Web サイト (ブログだけでなく) のショーケース。
ワンページラブ- 優れた 1 ページ Web サイトのもう 1 つのショーケース。
Screenalicio.us- 10,000 枚を超えるスクリーンショットを備えた Web デザイン ギャラリー。
CSSマニア- 約 12,000 点の CSS Web サイト デザインのギャラリー。
クレジット：
最高のデザイン- Web デザインとデザイナーの巨大なショーケース。
パターンタップ- さまざまな Web サイト要素 (ヘッダー、404 ページなど) のデザイン ギャラリー。
えだスタイル- 学術 Web サイトに特化した Web デザイン ギャラリー。
クレジット：
ファイナルクリット.com- デザイナー向けの無料ポートフォリオ サイト。
再設計する必要がありますか?- サイトの再設計が必要かどうかについてフィードバックを取得します。
デザインフレーバー- Flash や CSS Web サイトを含む、あらゆる種類のアートワークのギャラリーをデザインします。
ビュー- 色やその他の基準で分類できるウェブサイトのショーケース。
クレジット：
インスピレーションキング- インスピレーションを得るためにウェブサイトの検索可能なギャラリー。
デザイナーソース- トピック別または色別に閲覧できる Web サイト デザイン ギャラリー。
ベストウェブギャラリー- タグ付きウェブサイトデザインショーケース。