大前端工具集【转】
本文轉自：https://blog.csdn.net/u013063153/article/details/52754650
前端組織/前端博客
雖混過外企倆家，但勞資英文這項的技能點還是灰色的...so，俺關注的站點主要以中文為主
·??GitHub -沒 Github都不好意思面基有木有！！！
·??MDN -無數的資源再等著你探索，追標準和新特性肯定得關注的網站
·??Awesomes.cn -國人維護的前端資源庫，深度對接到 Github，分類和展現清晰，值得收藏
·?如何跟上前端開發的最新前沿 - RT，不解釋
·?慕課 -大量的在線計算機課程。雖然初、中級居多，但是不乏有巨作值得細細品嘗
·?阮一峰 -關注多年，拜讀其 ES6系列。雖網傳靠寫書進鳥阿里，但博客內容確實夠豐富
·?W3Cplus -大漠(《圖解 CSS3》作者)在國內的影響力杠杠的，Sass專家級
·?淘寶前端團隊 -內容涵蓋 Web和 Node，要深度游深度，要廣度有廣度
·?奇舞團博客 -堅持是最寶貴的，別人的奇舞周刊早已經過百期了
·?百度 FEX -代表作 FIS、UEditor、WebUploader、KityMinder
·?騰訊全端 AlloyTeam -騰訊 Web前端團隊，博客真的有點丑...
·??粉絲日志 for張丹 -大愛作者寫的 Node系列
·?張鑫旭 -成名多年的、高產的前端大濕，CSS猛人
博客搭建
·?Hexo -快速、簡潔且高效的博客框架，照著文檔分分鐘就可以在本地跑起來。Github地址:Hexo
·?Jekyll -將純文本轉化為靜態網站和博客。由于環境依賴的問題，所以安裝起來可能稍費勁那么一點。Github地址：Jekyll
·?GithubPages -免費的靜態站點。配合著 Hexo或 Jekyll的模板，分分搭建出一套炫酷的個人博客
·?Tumblr -輕博客的祖師爺，各種各樣的主題感覺不錯
·?Wordpress -這玩意古老到都不想介紹
使用 Hexo/Jekyll + GitPage，前端搭建靜態博客那是相當 easy。用 Markdown 寫文章做記錄，再 push到 Github上，分分鐘高大上有木有
再推薦三款視覺效果極佳的 Hexo主題，且在 Github上的 star 都很不錯：
·?NexT
·?Yilia
·?Tranquilpeak
不能偏心，所以也推薦三款 Jekyll的好主題：
·??So Simple如果你看過俺的博客，對這個主題就肯定不會陌生啦
·?HPSTR當初 fefork 差點選這個主題:)
·?beautiful
HTML
純 HTML相關其實沒有好玩的項目，所以這兒展示的內容主要都是一些模板，而且以下列出來的都是免費的，方便拿取搭架后臺或者博客
·?HEAD -最全的 <head>列表，真心佩服這種偏執的整理能力
·?blur-admin -視覺沖擊極強的管理后臺，各種動畫效果。PS：因為團隊有ant-design的使用經驗，感覺使用起來不是很順暢，這套后臺又是基于AngularJS，所以再三權限之后還是沒實際使用，勞資還是別給團隊添亂了，囧...
·?AdminLTE -很小清新的后臺模板，每次看preview頁面都覺得很有視覺沖擊
·??gentelella -剛用這個搭建了我司內部用的的數據平臺，效果喜人。模板實現的功能比較全，比如登錄、注冊甚至各種 widget，所以最終交付的時候，自己幾乎沒寫幾行CSS。
·?material-design-lite - Star數超過2W的開源模板項目，包含了多套簡潔的 templates，可以用于博客、后臺或者企業首頁。
CSS
·?MetroUI -好看好用，重點是樣式特別、個性
·?Font-Awesome -圖標字體庫。相類似的庫有不少，大廠都喜歡造輪子嘛:)
·?LoadersCSS -用 CSS技術實現 loading動畫；補一句，想熟悉、理解 keyframes、animation、transform、transition的童鞋可以直接去讀其源碼(只有千把行代碼)，讀完就算出師鳥:)
·?WeUI -一套同微信原生視覺體驗一致的基礎樣式庫為微信 Web 開發量身設計，令用戶的使用感知更加統一
·??PostCSS -最近才知道大名鼎鼎Autoprefixer是其插件推薦大漠的文章《PostCSS深入學習》，有關 PostCSS 不是什么？PostCSS是什么？PostCSS可以做什么等等問題，文章里面有答案
·?CSSgram -圖片濾鏡庫，終于可以用 CSS在 web 上實現濾鏡的效果鳥 IE不支持，不過新的移動設備支持沒問題 Can I Use
·?HINT.css -一款非常小巧的提示框效果
·?Balloon.css| |同上，一款非常小巧的提示框效果
·??Hover.css -很多鼠標 Hover態的效果，可以給產品學習一下:)
·?Cursor -記錄各瀏覽器對Cursor的支持情況
·?csscss -用于檢查 CSS代碼冗余
·?purecss -小巧的響應式 CSS庫，Yahoo!出品
·?hamburgers -簡單的動畫庫，讓 Click(or Tap) 變得美妙
·?cssmatic -一個幫忙調試CSS效果的工具
瀏覽端 JS
·??requirejs - JS模塊化是構建復雜項目的第一步中文學習文檔奉上：RequireJS中文網
·??ECharts -好用，最關鍵的是支持的圖表展示非常之多，強烈推薦
·?Swiper -強大的 Slider庫其實這類效果庫非常多，但文檔能那么專業的就很少鳥
·?babel - ES6用起來。這個插件可以讓我們用新的標準/提案寫 JavaScript代碼，然后再向下轉換編譯，最終生成隨處可用的 JavaScript代碼。中文文檔奉上《babel-handbook》
·?fullPage -非常好用的全屏滑動庫，看 Demo就明白
·??PhotoSwipe -偶常用的 js庫官網上有這么一句很關鍵、重要"no dependencies"
·?Vuejs -比較喜歡其作者...所以勞資正在看源碼學習學習
·?favico.js -動態改變瀏覽器標簽欄中的網站圖標，非常好玩
·?ant.design -螞蟻金服搞的良心項目，文檔美好的令人發指樣式優雅，強烈推薦內部系統嘗試此庫
·??highlightjs -代碼高亮庫，支持非常多的語言
·?daterangepicker -時間選擇插件的不二選擇，基于 Bootstrap 和 Moment.js
·??nodePPT -前同事三水的大作，好用必須得支持:)用 Markdown 寫 PPT，還可以 HTML混排，上手飛快
·?Sortable -拖拽神器，用了就知道
·?toastr -信息提示的庫，推薦的原因是賣相好、功能強大 demo
·?peity.js - jQuery的圖表插件，特別cute，感覺萌萌噠將HTML轉換成一個小的<svg>餅圖、圓環圖、折線圖等等
·?emojify.js -能夠將emoji關鍵詞轉換為emoji圖片的JS插件可以快速的為你的網站提供emoji表情支持
·?Push.js -基于 Notification API實現的桌面效果的提示欄。瀏覽器支持情況不錯，如http://caniuse.com/#search=Notification
·?Highcharts| |Highcharts中文網，又是一個圖表庫確實功能強大，但是覺得不好看... PS：官網就做的不好看，臟臟的趕腳
·?NProgress -使頁面加載時有更好的loading效果
·?Noticejs -一個簡單的通知庫，木有依賴
·?onepage-scroll -依賴 jQuery的單頁滾動庫，和 fullPage類似
·?videojs -當下視頻需求都用上<video>鳥樣式和交互統一的問題交給 videojs 搞定:)
·??clipboard -僅 2KB大小，搞定剪貼板功能，屌不屌~但是，Safari不支持...
·?impress.js -用來寫 PPT不錯，偶也曾為其寫過一篇impress.js初體驗
·?Cropper -國人開發的圖片裁剪庫
Swiper/PhotoSwipe/fullPage有這仨庫，微信里常見的 H5頁完全不是問題噠
Project Build
·?pm2 -是一個帶有負載均衡功能的 Node應用的進程管理器；是 Forever的進階庫，想了解的可以看這篇文章《擁抱PM2》
·?Webpack -項目構建工具，由于過于復雜和太強大，所以勞資還沒去深入研究。
·?Gulp - Gulp是基于 Node實現 Web 前端自動化開發的工具。俺總結了篇《gulp使用小結》，推薦您閱讀:)
·??Bower -前端項目的包管理其實是件復雜的事誰誰誰依賴誰誰誰，誰誰誰依賴誰誰誰的某個版本...臥槽 Bower 就是搞定這件事兒的，親爹是 Twitter推薦篇 Bower的中文文章：《bower解決 js 的依賴管理》
·?Grunt -和 Gulp類似，都是項目構建的常見選擇對比這倆的文章可謂不少，推薦篇《Gulp vs Grunt》英盲又想看文檔，可以去Grunt中文網
·??FIS -度廠出品的前端構建工具文檔清晰，功能強大，推薦了解和使用
·?Gitlab CI -一套基于Gitlab的持續集成服務
Gulp + Webpack的使用套路參考: learning-gulp
Gulp資料收集：use-gulp
推薦篇與 Webpack相關的文章《CSS Modules》
Webpack用起來吼吼：webpack-howto
Node Package
作為一名大前端甚至是多端，Node絕逼是必備的一塊
有關 Node的學習資料，請訪問
這里介紹些有特色且前端有必要知道的包
·?anywhere -隨時隨地將你的當前目錄變成一個靜態文件服務器的根目錄
·??supervisor -監控 Node代碼，自動重啟。 A supervisor program for running nodejs programs
·?nodemon -監控 Node代碼，自動重啟。 Nodemon is a utility that will monitor for any changes in your source andautomatically restart your server.
·??pm2 -是一個帶有負載均衡功能的 Node應用的進程管理器；是 Forever的進階庫，想了解的可以看這篇文章《擁抱PM2》
·?async -一個流程控制工具包，提供直接而強大的異步功能
·?lodash - JS工具庫 Underscore.js的一個 fork發展而來
·?socket.io -預計 Node的實時框架聊天室、頁游等對實時性有高要求的較適用
·?Mongoose -讓 NodeJS更容易操作 Mongodb數據庫；附上一篇Mongoose學習參考文檔
·?CNPM -淘寶 NPM鏡像，提供了 NPM同步的服務當然可不僅僅這樣，利用 CNPM可以打造企業/個人私有的 NPM服務推薦篇搭建私有NPM的文章：《CNPM搭建私有的NPM服務》
·?koa -玩 Node都知道 express，但使用 koa的就少很多，門檻比 Ex稍高通過 generator避免繁瑣的回調函數嵌套，強烈推崇官方的文章教程
·?Shipit -一個強大的自動化部署工具。 shipit很多地方非常類似 gulp，他們的核心都是任務系統。
·?node-inspector - Node調試工具，使用起來跟 Chrome的 JS調試器很相似
·?winston - Node服務最流行的日志庫之一
·??co -用 generator寫法讓異步代碼同步
·?thenify-all -把異步的方法變成 Promise的 Promisifies all the selected functions in an object
·?PhantomJS -一般用來做抓取截圖和無界面測試也可以用來操作 DOM 和網絡監測，很好玩的庫 Quick Start
·?ava -偶是應TJ大神推薦而得之的 ava 未來的測試運行器
·?Mocha - Node里最常用的測試框架；它支持多種 Node的 Assert libs；同時支持異步和同步的測試，同時支持多種方式導出結果；也支持直接在 browser 上跑 JS代碼測試。
·?koa-validate - koa的校驗庫可以非常方便的對 queryString或 postBody的信息進行驗證
·?line-reader -基于steam的按行讀文件，偶處理日志時用噠要不實現一個按行讀文件，又得 steam、又得 chunk，還是比較麻煩的
·?everyauth| |OAuth的集成解決方案
·?shelljs -寫 Node時難免需要用 shell去操作些神馬 shelljs是基于 Node的 shell 工具，API及其簡單
·?hashids -看名稱就懂，給 userid加解密用的
·??node-pool -讓 Node有連接池的概念
·?colors -花俏的小工具讓打印console.log時有更好的展示樣式
·?n -控制Node的版本，想升級一行代碼搞定
supervisor和 nodemon這倆都是監控 Node代碼，使得每次修改代碼后會，開發 Node程序必備
以上庫俺都有使用過，甚至有不少都是項目開發中、各種特定場景下必用的，有任何使用問題歡迎溝通哈:)
Node Project
暫無
精選閱讀
前端技術
·??2015D2前端論壇 - Node方向非常值得看，有干貨，相信東哥推薦哈
·?前端開發規范手冊 -此手冊主要實現的目標：代碼一致性和最佳實踐
·?《babel-handbook》 -可以用新的規范(如 ES6)寫代碼，經過 babel編譯后生成沒有兼容問題的代碼
·?ECMAScript 6入門 -阮一峰大神所著，一本開源的JS教程全面介紹 ECMAScript 6新引入的語法特性
·?ReactNative中文版 -翻譯自官方的中文文檔
·?ReactWebpackCookBook | |此書會引導讀者是進入React和Webpack的世界。倆都是非常前沿的技術，同時使用會更有趣。
·?ReactNative學習指南 -新玩意層出不窮...對于能持續學習的童鞋，這是個美好的時代
·?HTML/CSS編碼規范 -編寫靈活、穩定、高質量的HTML和CSS代碼的規范
·?移動前端入門 -入門價值高，移動方向常見問題的較好總結
·?GulpBook - Gulp是基于 Node實現 Web 前端自動化開發的工具
Node學習資料
·??Node.js中文資料導航 - Node的中文資料導航，start1300+
·??從零開始 NodeJS系列文章 -基本上每一篇都看過，強烈推薦
·?Node.js包教不包會 -值得閱讀，看完絕不用買書鳥
·?七天學會 NodeJS -勞資還沒看，不過看目錄還不錯:)
·??Style Guide -這是一份關于如何寫出一致且美觀的 Node 代碼的風格指南
·?koa實戰 - “明河出品”這四字已經說明一切。PS：正在連載中
·?stream-handbook -如果學習 NodeJS，那么流一定是需要掌握的概念
前端面試
·?在 LinkedIn做面試官的故事 -非面試題，介紹 LinkedIn的面試過程文章有很多中肯的建議和想法，推薦閱讀
·?大漠：寫給前端面試者 -這篇文章不涉及任何的面試題大漠與大家聊聊面試者與被面者之間的感受...
·?前端面試題 - Git上非常火的前端面試題，start17k+
·?前端面經 -主要內容是些前端面試筆試題和面試套路，值得閱讀
其他技術
·?MongoDB極簡實踐入門 -入門推薦的套路，非常淺顯易懂
·??Mac設置指南 - Mac使用必看尤其適合偏執狂/強迫癥患者:)
·??Markdown資料 -簡單看些語法入門，快速用起來
工具/軟件
Web
·?CanIuse -前端必備；查看瀏覽器對各種新特性的兼容情況
·?overapi -最全的開發人員在線速查手冊
·?百度腦圖 -非常方便的思維導圖工具
·??ProcessOn -和百度腦圖的功能類似，腦圖工具。
·??VimAwesome - Vim插件集合，Vim黨必備
·?Tower -小而美的多人協同工具。不光只有 Web 版，還有 iPhone、iPad、Android、微信版。
·?Slides -一個所見即所得的 WebPPT編輯器，非常推薦
·??faviconer.co -一個所見即所得的icon生成器，很好用
·?smallpdf -提供各種格式和 PDF互相轉換
·??Cmd Markdown -好用的 Web版 Markdown編輯器
·?StackEdit -又是一款 Web版 Markdown編輯器
·?墨刀 -一個在線移動應用原型制作工具。旨在幫助產品經理快速制作可在手機端展示的移動應用原型。
·?htm2pdf| |HTML to PDF
·??Speaker Deck -在線的演講稿展示平臺
·?RunJS -在線編輯、展示、分享、交流你的 JavaScript代碼
·?Bootswatch - Bootstrap的免費模板
·?AdminLTE -又是一個 Bootstrap的免費管理后臺
APP
以下列表中的 APP都是不區分系統平臺的
·?印象筆記 -免費賬號完全夠用，跨平臺跨終端的記錄軟件
·?365日歷 -首先肯定比系統自帶的日歷強大，要不推薦個蛋蛋俺一般用來搞目標管理，比如學習計劃和工作計劃生活中會訂閱演唱會、電影首映的信息
·?多看閱讀 - kindle確實好，但是懶得隨身帶著多看還算不錯，書較多且偶爾有特價比較爽
·?Surge -非免費牛逼的網絡開發與調試工具，前端必備
·??Monkey - Monkey是 iPhone上一個 GitHub 第三方客戶端。展示 GitHub上的開發者的排名，以及倉庫的排名
Mac
對于美好事務的追求無論何時都不算晚，前年公司給配了臺 Mac用做測試開發機，于是開始在 Mac下辦公。 Windows？回不去鳥...
·?Homebrew -沒它程序猿沒法好好干活... Homebrew使OS X更完美。使用gem來安裝gems、用brew來搞定那些依賴包
·?iTerm2 - Mac終端功能少又不好看，iTerm2可以解救你~推薦篇文章：《讓你的命令行豐富多彩》
·?BrowseShot -偶正在使用的網頁截圖工具，強烈推薦
·?BeyondCompare -在Windows下就開始用了比對文件和文件夾杠杠好使，Merge必備工具
·?CheatSheet -能夠顯示當前程序的快捷鍵列表，默認的快捷鍵是長按?
·?Sequel Pro -免費好用的Mysql工具
·?LICEcap -屏幕錄制工具，支持導出 GIF動畫圖片格式輕量級、使用簡單，錄制過程中可以改變錄屏范圍
·?Manico -快捷啟動和切換 APP的工具，高效的第一步 AppStore上收費，不過可以免費試用
·?WebStorm -功能超強的前端 IDE，不多介紹，誰用誰知道 PS：貌似俺插件裝多了，用著卡卡的，風扇呼呼轉...
·?Atom - 2015年 7 月之前，在桌面環境下我最喜歡的編輯器是 Sublime。但之后就是 Atom，俺也專門為它寫了篇使用紀要
·?馬克鰻 - MarkMan，非常強大好用的標注、測量工具。日常工作免費版就完全可以滿足，強烈推薦
·?Wireshark -說實話，Mac下木有 Fiddler挺不習慣，不過在有更強大的替代品
·?SourceTree -一款好用的的 Git客戶端工具，重點是支持中文:)
·?focus booster -因為比較在意時間管理，所以這軟件是俺工作時間的必備之物
·??Mou -我曾使用過的 mk編輯器。原本準備去掉這個推薦，但是我想讓大家了解下這個有意思的事情：《一年了，那個聞名遐邇的 Mou你還記得嗎？》
Linux
·?oh-my-zsh -終端黨必用的好工具，強烈推薦
·?tree - linux以樹狀圖逐級列出目錄的內容
·?oneapm -強大的運維工具，提供多種監控客戶端；有采集、分析、展示等一套功能； PS：我這用了服務器監控(免費哦)
·??httpie -一個 CLI中的 HTTP客戶端用法簡單、易讀
Chrome瀏覽器插件
Chrome應用商店必定是需要翻墻的哈。
以下插件都是俺多年積累淘出來的，數量不多，所以就不區分 Github插件和非 Github插件了。按照俺推薦的強度自上向下展示，且大多數插件就是偶工作和生活必備，希望能對大家有用。后續如有新發現好插件，偶也會及時更新噠。
·?Postman - POST接口調試終結者，異常強大的接口調試工具。稍稍有一點學習成本，推薦之
·?JSONView -就是個 JSON格式的查看工具，可以很方便的展示數據，麻麻再也不用擔心偶調試接口啦。PS：同類插件有不少，所以用的開心就行
·??二維碼生成器 - RT。PS：這FF早已經自帶生成二維碼工具了，Chrome還得裝插件才行，任性...
·?Eye Dropper前端必備的顏色提取神器，操作簡單容易上手
·?Page Ruler前端必備的尺子。計算頁面元素間距、位置等信息的時候，你就知道它的好了，無腦上手，你值得擁有
·?FireShot可以截取整個網頁、部分頁面，然后支持導出為各種格式。俺微博上發的網頁全景圖都是靠這個插件截取的
·?Infinity -好不好用有點見仁見智了，但是我個人比較喜歡。使用后會讓你的新標簽頁耳目一新，有漂亮的背景和各種常用的功能，比如地圖、天氣、Gmail、Chrome商店等等。當然，在這個插件的設置中還可以設置壁紙、動畫效果等等
·?Momentum同樣也是新標簽頁的插件，但是不管是視覺上(高清大圖)還是功能上，都比 Infinity 高大上不少，Setting里面有不少設置和快捷鍵，都很好上手的。Infinity勝在中文和直觀，Momentum勝在視覺沖擊。俺基本上這倆款看心情換著用，所以希望你也都能喜歡:)
·??Octotree -在瀏覽器左側展示 Github項目的文件導航，使目錄結構一目了然，而且我們國內 Github的訪問速度又不穩定，用這個工具也就很提效率了。對經常使用 Github的同學強烈推薦
·?BuiltWith / wappalyzer / Chrome SnifferPlus -幾款超強的網站分析工具，可以給出網站非常多的技術棧信息。大到 Web Servers、服務端的 Frameworks或 JS 框架，小到 meta、編碼格式甚至 Analytics，非常推薦
·??Adblock Plus非常非常有名的免費的過濾廣告的插件。PS：廣告屏蔽這個見仁見智，其實俺個人還是比較接受一些個性化推薦的廣告
·?Wide Github無聊又實用的 Github插件。無聊是因為這個插件就特么一個功能，加寬，能讓 Github頁面變寬，每行展示更多的內容，尤其配合著Octotree，展示效果極佳。非常推薦 Mac用戶實用，因為屏幕比較不大，變寬后閱讀感覺更好
·?GitPlug -在 Github項目頁中嵌入有關的圖表信息，直觀的展示當前項目的 Star Trend，能方便看到當前這個開源項目的發起時間，火爆趨勢；對比較知名的項目還有相關的 News展示
·?OctoLinker -在 package.json或任意 .js文件中，可以方便的對 require()的 package進去點擊，跳轉去對應的 Github頁面。PS：特么不太好表達，建議你去這個插件的概述頁，里面有個十來秒的視頻，看完就明白鳥
補充：
翻墻代理的插件偶沒使用，偶手機和電腦的翻墻都是配的 Surge無腦搞定，不過翻墻代理插件推薦Proxy SwitchySharp，熊掌公司里大多用的都是它
日常開發相關的插件就以上這些，還有幾款如知乎的插件、購物插件等這類與開發效率不沾邊的，俺就不這上頭列了哈
Git
·?Git教程-廖雪峰 -俺有看過不少 Git的文章，確實這個系列是最通俗易懂的
·??GitAwards - Git工具，可以查看 Git排名
·?Git速查 -分類清晰的速查表
·?Git簡明指南 -入門Github的簡明指南，木有高深內容:)
·??Git學習資料整理| |內容包括很多 Git的相關資料，star 1200+
·??GitHub漫游指南 -一篇還算不錯的 Git學習總結，就是亂了點...我理解作者漫游的意思是漫無目的想到哪寫到哪~看到作者為鳥達成 Git連擊的成就，也是蠻拼的:)
服務端
如 Ruby、Python、Perl等相似的服務端語言的學習資源。
暫無
數據端
·?Mongoose -讓 NodeJS更容易操作 Mongodb數據庫。附上一篇Mongoose學習參考文檔
設計/交互
作為負責最終效果呈現的前端工程師，多少得了解些設計和交互的，這也是為什么 fetool會單獨的存在這一章...當然話又說回來了，偶畢業的第一份工作是設計:)
·?站酷 -里面好東西太多，俺當年真沒少再上面淘素材
·?UI中國 -光聽名字就知道有多高大上鳥:)
速查手冊
RT，這篇都是些文檔或者API，一般這類東西都在大家瀏覽器的書簽內，偶這也列一下大前端常用的手冊地址
·?HEAD -最全的 <head>列表，真心佩服這種偏執的整理能力
·?百度CDN公共庫 -基本常見的庫都收錄拉，搞 demo的時候特方便
·?HTML和 CSS 代碼規范 -編寫靈活、穩定、高質量的 HTML和 CSS代碼的規范
·?Linux命令中文手冊 -木有系統的好好學習 Linux，所以命令更不熟悉真羨慕那些CLI玩的飛起的:)
·?Git速查 -分類清晰的速查表
·?jQueryAPI 1.11.3 - ZeptoAPI基本和 jQuery一樣，所以看一份就好
·??CSS3 - CSS3的在線手冊
·?Express API -中文手冊:) 4.x和3.x都有
·?CI用戶指南 -一個輕量級的 PHP框架用戶指南推薦指數低的原因是勞資PHP比較弱，囧
·?Yaf -鳥哥(惠新宸)所寫的 PHP 框架推薦指數低的原因同上...
雜七雜八
放些開發中較有用的雜物在這兒
·?租房要點 -適用于北上廣深杭，大城市打拼租房確實是硬傷
·?QQ群規 -突然某天，有個 QQ群讓我加群原本我是拒絕的，但當我看完這篇 QQ群規后...勞資真的被感動到了，太牛逼、夠專業！最后，我默默加群鳥:)
·?gitignore文件 -介紹不同語言項目的 gitignore模板
·?程序員如何優雅的掙零花錢？ -中肯的文章，如果讀完能有些許收獲，那么恭喜你
·?git-draw -黑魔法，可以修改自己 Git上的 Contributions
·?GitBook -寫記錄的好地方
·?Codebabes -學編程的網站。重點是每通過一個測試，尼瑪對應的妞會脫一件衣服... PS：要翻墻哦~
·?emailframe -郵件展示確實比較坑，建議有需要的收藏
·?ReadmeSample| |項目高大上的第一步就是包裝，所以來看看 README 的書寫套路吧 PS：勞資怎么這么無聊...
前端炫技-_炫酷狂拽叼炸天站點_
·?windows93 -模擬 Win93桌面，思路、體驗和整體效果比較有意思
·?GeekTyper -好玩又具有 Geek精神的網站，雖然創建的目的是個惡作劇 PS：網站需要翻墻
·?2016.makemepulse.com -帥哭了。請使用現代瀏覽器打開
·?前端技能棧 -好玩的前端技能棧展示
·?Mapbox -非常叼的開源項目，有方便的 JSAPI(還有 SDK)。不過免費版只能淺嘗，流量有限。 PS：網站需要翻墻
·?Clark Duvall -一枚歪果仁的個人 blog，范兒叼叼的
·?SuperScrollorama -好玩好看的動畫庫，鏈接是SuperScrollorama的展示頁
·?parallax.js -一個視差引擎的官網，在電腦和手機上都有很好的體驗
·?CSS字母 -用 CSS實現英文字母，叼叼的
·?墨刀 -一個在線移動應用原型制作工具。旨在幫助產品經理快速制作可在手機端展示的移動應用原型。
總結
- 上一篇： 那些年我看过的前端书
- 下一篇： 前端工程师非技术面试题