跳至內容

學科:Web前端/輔助工具

來自維基學院

JavaScript

[編輯 | 編輯原始碼]
  • CodePen - a community of front end folks focused on inspiration and education.
與jsfiddle類似,但更強大。支持GitHub登入,支持LESS、SCSS、SASS、CoffeeScript……
功能強大。可用來分享代碼片段,調試。
跟jsfiddle相似,但沒那麼多功能
JS測試用例,比較幾個不同的寫法的性能,很有用的工具
受歡迎的測試: http://jsperf.com/popular
展開壓縮代碼,也支持html
在線的多語言終端,對於Js只是一個簡單的Chrome console
很好用的正則表達式輔助工具

CSS代碼輔助生成

[編輯 | 編輯原始碼]
仍然強大
A powerful Photoshop-like CSS gradient editor from ColorZilla.
上傳.ttf或.otf字體,將其轉換為Web字體(.woff,.eot,.svg)並生成相應CSS樣式。

輔助插件

[編輯 | 編輯原始碼]
Node.js任務自動化
Koala is a GUI application for less, sass and coffeescript compilation, to help web developers to use less,sass and coffeescript development more efficient.
國人維護,用的 https://github.com/rogerwang/node-webkit
  • Code Cola - Code Cola is a chrome extension for editing online pages' css style visually.
說明:http://www.zhouqicf.com/code-cola

顏色工具

[編輯 | 編輯原始碼]
配色輔助
給出指定網站用色表
騰訊一Web前端團隊維護的抓包工具
Unicode轉義
類型:可離線保存
比Inspector更簡單的查看頁面字體工具
類型:JS書籤
網站質量探測工具
node.js 命令行工具,生成指定網頁不同解像度下的截屏