前言：隨著技術發(fā)展，web網(wǎng)頁開發(fā)要求越來越高恢恼，前端開發(fā)者都希望能更快速更高效更完美地展示民傻，但工欲善其事必先利其器，今天我們就為大家整理一些好用的web開發(fā)常用工具场斑，希望可以收藏實踐下漓踢。
CSS 3相關
1.CSS3樣式生成器：http://www.css88.com/tool/css3Preview/
2.CSS3漸變樣式生成器，類似Photoshop中的漸變界面：http://www.colorzilla.com/gradient-editor/
3.CSS3動畫制作工具Sencha Animator：http://www.sencha.com/products/animator/
4.背景色alpha透明工具：http://www.linxz.de/demo/hex_change.html（IE濾鏡須是在一個有寬高設置的容器中漏隐，或者激活haslayout的屬性喧半。具體介紹：http://blog.linxz.de/ie_filter_css3_rgba/）
轉碼工具
1.unicode轉換工具：http://www.css88.com/archives/2093
2.encode轉換工具：http://labs.pufen.net/views/convert_encoding.php
http://www.css88.com/tool/encode/convert_encoding.php
在線代碼編輯器
1.小可是丸子制作的一個在線代碼編輯器，輕松分享代碼青责，用于提問薯酝，測試和轉發(fā)代碼等，是一個方便又不錯的工具：http://code.wanz.im/
2.CodeBox：http://box.linxz.cn/
Javascript相關
1.html結構轉換成用+相連的js換行字符串工具：http://www.html-js.com/my-js/version0.0.1/tool/html2string.html
2.JS壓縮工具 ：http://www.css88.com/tool/ysjs/
3.JavaScript 格式化工具：http://www.css88.com/tool/js_beautify/
CSS相關
1.css屬性排序工具：http://www.html-js.com/my-js/version0.0.1/tool/css-format.html
2.CSS整形和優(yōu)化工具：http://www.css88.com/tool/csstidy/
其他相關工具
1.PNG壓縮網(wǎng)站：http://www.gracepointafterfive.com/punypng/
2.【FF插件】圖片壓縮工具Smush it：http://www.css88.com/archives/1201
3.截圖爽柒，取色吴菠，量尺寸，屏幕錄制工具(FastStone Capture)：http://www.css88.com/archives/1096
4.ajax loading 圖標在線制作及收藏：http://www.css88.com/archives/1182
【前端學習交流裙：三三零三三六二八九浩村，進裙邀請碼（編號）：寂靜 做葵， 不填不通過。
裙內不定時分享干貨和各類源碼心墅，包括2018最新的前端企業(yè)案例學習資料和零基礎入門教程酿矢，歡迎自學的小白和大神入群學習交流榨乎，分享技術√笨穑】
Bootstrap
請點擊此處輸入圖片描述
Bootstrap 是快速開發(fā) Web 應用程序的前端工具包蜜暑。它是一個 CSS 和 HTML 的集合，它使用了最新的瀏覽器技術策肝，給你的 Web 開發(fā)提供了時尚的版式肛捍，表單，buttons之众，表格拙毫，網(wǎng)格系統(tǒng)等等。
Cloud9 IDE
請點擊此處輸入圖片描述
Cloud9 IDE 是一個基于 Node.JS 構建的 JavaScript 程序開發(fā) Web IDE棺禾。它擁有一個非匙禾悖快的文本編輯器，支持為 JS膘婶，HTML缺前，CSS 和這幾種的混合代碼進行著色顯示。Cloud9 IDE 還為 node.js 和 Google Chrome 集成調試器悬襟，可以在 IDE 中啟動衅码、暫停和停止。
Fontello
請點擊此處輸入圖片描述
Fontello 是個圖標字體生成器古胆。這個工具允許用戶把這些圖標 web 字體放到自己的項目中肆良。主要特性如下：
縮小字形集合筛璧，減小字體大小
合并一些字體標記到單個文件中
訪問大量專業(yè)級的開源圖標
前端開發(fā)工具箱
該工具是由原前端開發(fā)網(wǎng)（w3cfuns）開發(fā)逸绎，它是為了讓前端開發(fā)變得更簡單而生的，exe文件只有1.67MB夭谤，點擊直接運行棺牧，不需要安裝，很方便朗儒。它的主要功能有正則表達式颊乘、代碼壓縮、雪碧圖制作醉锄、json格式化等乏悄，如果你經(jīng)常在沒有網(wǎng)絡的辦公環(huán)境寫代碼，這個工具必備恳不，離線辦公檩小，輕松無憂。
很好用啊
ColorPicker拾色器
相信對于很多前端開發(fā)者來說都經(jīng)常會在頁面或者UI圖上拾色烟勋，有的時候甚至我們會用PS去拾色或者找UI給色值规求，這樣不僅麻煩筐付，還大材小用，有了這個工具后就可以快速的得到你想要的色值阻肿，它的exe文件只有80多KB瓦戚，所以基本不占系統(tǒng)資源，下載后直接打開就可以使用丛塌。
最好用的拾色器
馬克鰻(MarkMan)
馬克鰻極大節(jié)省設計師在設計稿上添加和修改標注的時間较解，讓設計更有愛。馬克鰻使用起來也是非常簡單姨伤，雙擊添加測量哨坪，單擊改變橫縱方向等等功能，基本都是一鍵完成乍楚。 它可以跨平臺使用（采用了Adobe Air当编，支持 Win / Mac, 可免費使用基礎功能 ），減少了在不同平臺使用產生的一系列問題徒溪。它的主要特性有：支持Retina@2x圖忿偷、支持多種圖片格式、設計稿自動刷新臊泌、定制標記樣式鲤桥、長度自動測量、標記拖拽刪除渠概。它的核心功能有：長度標記茶凳、坐標和矩形標記、色值標記播揪、文字標記贮喧。比騰訊Dorado好用多了，有條件的建議買收費版猪狈，多多支持良心國產生產力工具箱沦。
基本功能
網(wǎng)站克隆神器
Teleport ultra是著名的離線瀏覽軟件Teleport Pro版本的增強版，可以簡單快速保存你所喜歡的網(wǎng)頁雇庙，是仿制網(wǎng)站的利器谓形。軟件支持計劃任務，定時到指定網(wǎng)站下載指定的內容疆前，經(jīng)由其保存的網(wǎng)站寒跳，保持源站點的CSS樣式、腳本功能竹椒，超鏈接也都替換為本地鏈接以方便瀏覽童太。對于CMS模板和二次開發(fā)的人來說絕對是神器，軟件共有6種工作模式：
在硬盤中創(chuàng)建一個可瀏覽的網(wǎng)站副本；
復制一個網(wǎng)站康愤，包括網(wǎng)站的目錄結構儡循；
在一個網(wǎng)站中搜索指定的文件類型；
從一個中心站點探測每一個鏈接的站點征冷；
在已知地址下載一個或多個文件择膝；
在一個網(wǎng)站中搜索指定的關鍵字。
很厲害的
FlashFXP
FlashFXP 是一個功能強大的 FXP/FTP 軟件检激，融合了一些其他優(yōu)秀 FTP 軟件的優(yōu)點羞芍，如像 CuteFTP 一樣可以比較文件夾放祟，支持彩色文字顯示巍糯；像 BpFTP 支持多文件夾選擇文件吠昭，能夠緩存文件夾；像 LeapFTP 一樣的外觀界面饺律，甚至設計思路也差相仿佛窃页。支持文件夾(帶子文件夾)的文件傳送、刪除复濒；支持上傳脖卖、下載及第三方文件續(xù)傳；可以跳過指定的文件類型巧颈，只傳送需要的文件畦木；可以自定義不同文件類型的顯示顏色；可以緩存遠端文件夾列表砸泛，支持FTP代理及 Socks 3十籍、4、5代理唇礁；具有避免空閑功能勾栗，防止被站點踢出；可以顯示或隱藏“隱藏”屬性的文件垒迂、文件夾械姻；支持每個站點使用被動模式等妒蛇。對于個人站長來說絕對是運維網(wǎng)站的必備工具机断，愛不離手。
第一FTP工具
溫馨提示：如果沒有好好利用绣夺，工具再多也只是個工具吏奸，孰能生巧，多多嘗試陶耍，找出最適合自己的工具奋蔚，能發(fā)揮最大效率那就是最好的工具！
以上軟件主要是針對Win用戶，有其他需求的或者推薦的好工具泊碑，歡迎轉發(fā)或評論坤按，謝謝關注和瀏覽。
