前端工具整理

前端工具整理

前端組件庫

【代碼的規範】

【Viewport Sizes尺寸查詢】

【在線小工具】

【px,em,rem單位轉換工具】

【json格式化】 【json格式化】

【在線工具】 - aTool

【WebStorm】

【Emmet快捷方式查詢】

【CSS優化】

【CSS 速查表】

【jQuery 查詢 】

【jQuery源代碼查看工具】

【IcoMoon App - 字體圖標】

【Iconfont - 阿里巴巴矢量圖標庫】

【字體圖標】Font Awesome Icons

【正則表達式】

【大前端·神器格】

Testing【檢測css錯誤】

【二維碼生成器】

【CSS - 中文字體—> 編碼表】

【PNG壓縮】

【SEO檢測】

Lodash

UEditor API

RunJs

Less

JsTree

HighCharts

RequireJs

NodeJs中文站

node.js中文資料導航

V8專題

顛覆式前端UI開發框架：React

ISCROLL 5

Jquery EasyUI

資源

• 免費的計算機編程類中文書籍
• 免費編程書籍
• 計算機科學論文
• codeparkshare Python初學者書籍、視頻、資料、社區推薦
• Python資料彙總
• app應用推薦
• 碼農週刊整理
• 500 Lines or Less 一些不錯的代碼
• 前端
  • node.js中文資料導航
  • 了不得的Nodejs Nodejs的各類資源
  • AngularJS-Learning-zh_CN 一些關於 AngularJS 的博客，文章，視頻，書籍等
  • 了不得的React React的各類資源
  • 騰訊移動Web前端知識庫
  • iconpark iconfont彙總
  • 前端該掌握的技能
  • 前端工具推薦
  • 個人前端資源

教程

• 雨痕的編程語言學習筆記 包括 c,python,Go
• git 教程 中文的哦~
• HelloSea.js seajs教程
• HTTP API 設計指南
• json-api-zh_CN 用 JSON 構建 API 的標準指南
• 一傢伙（s5s5）學習css3動畫的心得

web前端

• typeahead twitter開發的autocomplete 插件
• javascript-state-machinejs實現的有限狀態機框架
• ace 代碼編輯器
• layoutit基於 bootstrap 實現可視化佈局的 layoutit.com 離線中文版

polyfill(兼容瀏覽器API的shim)

• box-sizing-polyfill 讓ie6/7支持 CSS box-sizing: border-box
• Respond 讓瀏覽器支持 CSS3： min/max-width

css效果

• superscrollorama 很酷的動畫效果
• impress.js各類炫的效果，用來作幻燈片不錯
• fullPage全屏翻頁的js組件，用來作幻燈片不錯

測試

• testem 讓寫js的單元測試變得有趣
• dalekjs 跨瀏覽器測試js工具
• nightwatchui 測試框架
• Hardy css測試

安全

• domxssscanner DOM based XSS掃描工具

很酷的項目

• node-webkit
• opal 將ruby代碼轉化成javascript
• popularconvention github上項目的代碼風格的統計，效果看 這裏
• framer 用js來畫原型圖。支持3d效果哦~

其餘

• 不一樣語言項目的gitignore模板
• Sublime的一些經常使用Snippets