Webpage Teaching Network は、Web ページ開発を促進する 20 のツールを収集します

タイプテスター

さまざまなフォントの違いを直感的に確認できるオンライン フォント比較ツール

pForm

美しいフォームを瞬時に作成し、HTMLコードを出力できるHTMLフォーム作成ツール

カラー愛好家

オンライン カラー パレット ツール。多くの配色を検索したり、配色を送信したりできます

ファイアバグ

全能の火虫、これ以上紹介する必要はありません

HTML エンティティ文字の検索

HTML エンティティ クエリ ツール

960 グリッド システム

960 はマジックナンバー、960 は水平サイズ、960 グリッド システムはデザイナーが Web プロトタイプを迅速に作成できるようにする補助システムです。これは、Web ページの黄金分割にたとえることができます

Em 電卓

EM コンバータ~、ピクセルを em 単位に変換できます。

ブラウザショット

マルチブラウザ スクリーンショット ツール。複数のプラットフォームや異なるブラウザでページのスクリーンショット効果を提供できます

アイコンファインダー

アイコンを見つけるのがまだ心配ですか? これは優れた画像検索ツールです。

WhatTheFont

画像内に見栄えの良いテキストがあるが、フォント名がわからない場合は、それを使用してフォント タイプを分析できます。

測定してください

Firefox プラグインはページ上にルーラーを表示できます

カラージラ

これは、ページ上の色を選択できる Firefox プラグインでもあり、フロントエンド開発には必須です。

ピンダム

オンラインパケットキャプチャツール

すべてをテストします

Test Everything は、サイトをテストするための多くのテスト ツールを提供します。 CSS HTMLからSEO、ネットワークツールから最適化まで。

CSS スプライト ジェネレーター

スタイルウィザード、画像を分割してCSSに出力するツールがたくさんあります

Web 開発者ツールバー

これは非常に強力な Web 開発ツールでもあります。

ドメイン

ドメイン名クエリ ツールは、ドメイン名の使用状況を簡単に確認し、未登録のドメイン名を提案します。 (壁を回避する必要があります)

フォントバーナー

フォント クエリ ツールであり、オンライン フォント ソリューションを提供します。英語のみ。

スマッシュ・イット

画像サイズを最適化できる画像最適化ツール

負荷への影響

さまざまな地域からサイトにアクセスするユーザーをシミュレートできます。そして結果をグラフの形でフィードバックします。