以下は、私がコンパイルして収集したフロントエンド開発のために、一般的に使用されるプラグイン、ツール、ソフトウェアなどです。これは、コンピューターの小さなバックアップを作成するのと同等です。それをどのように使用するかについては、将来それを要約します。現在、自分でグーグルで検索する方が良いです。
【Firefoxプラグイン】
1。Firefbug -Page Moderator
2。YSLOW-ウェブ評価ツール
3。ピクセルパーフェクト - HTMLとデザインドラフトの比較
4。CSSの使用-CSS使用効率最適化ツール
5。ページ速度 - YSLOWに似たWebページをすばやく最適化します
6。測定 - リアルタイム測定ツール
7。フィドラー - ローカルページスタイルツール
8。DNSフラッシャー-DNSリフレッシュツール
9。Colorzilla-リアルタイムカラー選択ツール
10。Web開発者 - Webページの関連情報を確認してください
11。Firemobilesimulator-携帯電話をシミュレートします
12。JavaScriptDubugger -JavaScriptエラー
13。Greasemonkey-スクリプトアプレット
14。Firecookie-クッキー
【クロムプラグイン】
1。素晴らしいスクリーンショット - ウェブページスクリーンショット
2。ユーザーエージェントスイッチャー - 表示デバイスを切り替えます
3。Web開発者 - Webページの関連情報を確認してください
4。ウィンドウのリザーゼル - 解像度を変更します
5。YSLOW-ウェブ評価ツール
6。ブラウザ互換性の検出
[フロントエンド開発のための一般的なURLツール]
Webカラーマッチング
http://www.peise.net/tools/web/
http://www.peise.net/tools/lilun/lilunxuexi.html
http://www.colorschemer.com/online.html
http://www.workwithcolor.com/hsl-color-picker-01.htm
CSS3ジェネレーター
http://www.css3maker.com/
http://www.flickyard.in/autocss3/
http://www.colorzilla.com/gradient-editor/
http://css3pie.com/
http://www.css3.me/
http://ie.microsoft.com/testdrive/graphics/csgradientbackgroundmaker/
CSS3ボタンジェネレーター
http://www.wordpressthemeshock.com/css-drop-shadow/
http://css3buttongenerator.com/
CSSピクチャシンセサイザー
http://csssprites.com/
http://cn.spritegen.website-performance.org/
CSSコードチェック
http://csslint.net/
Ajaxの読み込み画像
http://ajaxload.info/
http://preloaders.net/
CSSハックテーブル
http://centricle.com/ref/css/filters/
ブラウザ市場
http://tongji.baidu.com/data/browser
CSS3に対するブラウザのサポートをテストします
http://css3test.com/
http://kimblim.dk/css-tests/selectors/
http://selectivizr.com/
http://www.findmebyip.com/litmus
ユーザーエクスペリエンスを検出します
http://gtmetrix.com/
CSSテンプレートジェネレーター
http://blog.html.it/layoutgala/
http://www.mycelly.com/
http://www.intensivstation.ch/en/templates/
CSS圧縮
http://www.csscompressor.com/
CSSの一般的なフォント
http://cssfontstack.com/
http://www.google.com/webfonts#
http://www.dafont.com/
CSS3変換
http://www.useragentman.com/ietransformstranslator/
CSS3ベジエ曲線
http://cubic-bezier.com/#..47,.73,1,.41
Yui CSSグリッドツール
http://developer.yahoo.com/yui/grids/builder/
JavaScriptコードの最適化と美化
http://js.clicki.cc/
コードデモ
http://jsfiddle.net/
http://jsbin.com/#html,live
http://ikeeper.com/bar/20143449
http://codepad.org/
プロトタイピングツール
https://gomockingbird.com/mockingbird/#
http://www.jotform.com/
【ローカルで一般的に使用されているソフトウェアおよびIDEエディター
1。マークマン - デザイナー、フロントエンドエンジニアにとって必須アイテム
2。VIM-超高速編集者
3. Adobe Photoshop CS6-写真切断スペシャル
4。IEテスター - ページの互換性を確認します
5。Fiddler2-検出要求
6。COMMPARを超えて - ファイルの比較
7。GIT-分散バージョンコントロール
8。オペラモバイルエミュレータ - モバイルブラウザー
9。Simpless-少ない
上記のツールのほとんどをマスターしたこと、おめでとうございます、あなたは優れたフロントエンドデザイナーからそれほど遠くありません~~