這篇文章介紹十款讓 Web 前端開發人員生活更輕鬆的實用工具。每個Web開發人員都有自己的工具箱,這樣工作中碰到的每個問題都有一個好的解決方案供選擇。 對於每一項工作,開發人員需要特定的輔助工具,所以如果下麵這些工具對於你來說都是新的領域,那麼這篇文章是非常有用的,因為這些實用的工具將讓你的工作更有 ...
這篇文章介紹十款讓 Web 前端開發人員生活更輕鬆的實用工具。每個Web開發人員都有自己的工具箱,這樣工作中碰到的每個問題都有一個好的解決方案供選擇。
對於每一項工作,開發人員需要特定的輔助工具,所以如果下麵這些工具對於你來說都是新的領域,那麼這篇文章是非常有用的,因為這些實用的工具將讓你的工作更有效率。
Spritepad
藉助 SpritePad,你可以在幾分鐘甚至幾秒鐘內創建你的 CSS 精靈。只需拖放您的圖片,立即可以生成 PNG 精靈圖片以及 CSS 代碼。不需要在 Photoshop 中操作,不需要編寫任何的 CSS 樣式。
Html5test
這個 HTML5 測試得分能夠提示您正常使用的瀏覽器對於 HTML5 標準和相關規範的支持情況的指標。
Spur
Spur 是一個有趣和簡單的方法來評判網頁設計的方式,你從來沒有做過的事情。只貼上一個網址(或上傳圖片),你就可以使用七種不同的工具來幫助你。
JPEG Mini
能夠幫助你把 JPEG 格式照片的文件大小減小5倍,同時保持原有的品質和 JPEG 格式。
Site Validator
(web前端學習交流群:328058344 禁止閑聊,非喜勿進!)
由W3C 官方驗證對你的網站完成驗證,這包括驗證你網站中的 HTML5 標記。
Codepen
CodePen 是一個線上的 HTML、CSS 和 JavaScript 代碼編輯器,能夠編寫代碼並即時預覽效果。可以用於線上展示的作品,也可以看到其他人在網頁中實現的各種令人驚奇的效果。
Brackets
Brackets 是一款開源的代碼編輯器,專門為前端開發人員和設計師打造,它的核心目標是減少在開發過程中那些效率低下的重覆性工作,例如瀏覽器刷新,修改元素的樣式,搜索功能等等。
Codekit
CodeKit 幫助您更快更好地建立網站。網站右側的一分鐘預告片視頻將是一個良好的開始。
Patternizer
Patternizer 是一個線上工具,幫助您使用線上界面生成基於 CSS3 的條紋效果。
CSS3 Click Chart
116-600x297.png
CSS3點擊圖表是一個方便的CSS3屬性參考工具,演示 CSS3 特性的示例代碼以及瀏覽器支持情況的詳細信息。