前端乾貨 -02

68. iconfont

iconfont地址

中文字型http://www.zhihu.com/question/21253343

淘寶字型檔http://iconfont.cn

字型http://mux.alimama.com/fonts

製作教程http://iconfont.cn/help/platform.html

zhangxinxu-icommonhttp://www.zhangxinxu.com/wordpress/?s=icomoon

icommonhttps://icomoon.io/app

用字型在網頁中畫ICON圖示(推薦教程http://imooc.com/learn/243

字型壓縮工具http://font-spider.org感謝初級群　[深圳-小魚] 的推薦

69. 前端開發工具

前端開發工具地址

IntelliJ IDEA 簡體中文專題教程https://github.com/judasn/IntelliJ-IDEA-Tutorial

Webstorm,InterllIdea,Phpstormhttp://t.cn/8kZZ1Uy

SublimeTexthttps://github.com/jikeytang/sublime-text

Atomhttps://atom.io

visual studio codehttps://code.visualstudio.com

Fiddler地址

Fiddler調式使用知多少(一深入研究http://www.cnblogs.com/tugenhua0707/p/4623317.html

微信fiddlehttp://www.cnblogs.com/strick/p/4570006.html

微信fiddlehttp://gaoboy.com/article/26.html

70. Chrome

Chrome地址

Google Chrome 官方https://developer.chrome.com/devtools

Chrome - 基礎http://www.cnblogs.com/constantince/p/4565261.html

Chrome - 進階http://www.cnblogs.com/constantince/p/4579121.html

Chrome - 效能http://www.cnblogs.com/constantince/p/4585983.html

Chrome - 效能進階http://www.cnblogs.com/constantince/p/4607497.html

Chrome - 移動http://www.cnblogs.com/constantince/p/4624241.html

Chrome - 使用技巧http://www.cnblogs.com/liyunhua/p/4544738.html

Chrome - Console控制檯不完全指南http://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.html

Chrome - Workspace使瀏覽器變成IDEhttp://c7sky.com/chrome-devtools-workspace.html

network皮膚http://www.html-js.com/article/Nothing-blind%202975

chrome開發工具快捷鍵http://anti-code.com/devtools-cheatsheet

chrome除錯工具常用功能整理http://www.html-js.com/article/2327

Chrome 開發工具 Workspace 使用http://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace

Chrome神器Vimium快捷鍵學習記錄http://www.cppblog.com/deercoder/archive/2011/10/22/158886.html

sass除錯-w3cplushttp://www.w3cplus.com/sassguide/debug.html

如何更專業的使用Chrome開發者工具-w3cplushttp://www.w3cplus.com/tools/how-to-use-chrome-devtools-like-a-pro.html

chrome除錯canvashttp://sentsin.com/web/253.html

chrome profiles1https://developer.chrome.com/devtools/index

chrome profiles2http://h5dev.uc.cn/article-25-1.html

chrome profiles3http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles

chrome移動版除錯https://developer.chrome.com/devtools/docs/mobile-emulation

chrome除錯http://ued.taobao.org/blog/2012/06/debug-with-chrome-dev-tool

chrome的除錯http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html

chrome console 命令詳解https://developer.chrome.com/devtools/docs/commandline-api

檢視事件繫結1http://www.cnblogs.com/leonkao/p/3809655.html

檢視事件繫結2http://www.cnblogs.com/xiaoyao2011/p/3447421.html

神器——Chrome開發者工具(一http://segmentfault.com/a/1190000000683599

奇趣百科效能優化(Chrome DevTools 中的 Timeline Profils 等工具使用介紹https://xinranliu.me/2015-05-22-qiqu-performance

chrome 開發者工具的 15 個小技巧http://frontenddev.org/link/15-tips-of-chrome-developer-tools.html

Chrome開發者工具不完全指南http://1ke.co/course/361

Chrome 開發者工具使用技巧http://segmentfault.com/a/1190000003882567

71. Firebug

Firebug地址

firebug視訊教程http://www.imooc.com/learn/137

firefox 模擬器https://developer.mozilla.org/zh-CN/docs/Tools/WebIDE

console.log 命令詳解http://www.cnblogs.com/ctriphire/p/4116207.html

Firebug入門指南http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html

Firebug控制檯詳解http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html

72. 移動,微信除錯

移動,微信除錯地址

瀏覽器端除錯安卓https://openstf.github.io

移動端前端開發除錯http://yujiangshui.com/multidevice-frontend-debug

使用 Chrome 遠端除錯 Android 裝置https://github.com/yujiangshui/CN-Chrome-DevTools/blob/remote-debugging/md/Use-Tools/remote-debugging.md

mac移動端除錯http://plus.uc.cn/document/webapp/doc5.html

mac移動端除錯http://www.mihtool.com

無線除錯攻略http://thx.github.io/mobile/debugging-in-mobile

無線除錯攻略http://yanhaijing.com/mobile/2014/12/17/web-debug-for-mobile

屌爆了,完美除錯 微信webview(x5http://www.jianshu.com/p/ccf124f1f74b

微信除錯的那些事http://liyaodong.com/2015/07/06/%E5%BE%AE%E4%BF%A1%E8%B0%83%E8%AF%95%E7%9A%84%E9%82%A3%E4%BA%9B%E4%BA%8B

遠端consolehttp://jsconsole.com

微信除錯工具http://blog.qqbrowser.cc

各種真機遠端除錯方法彙總https://github.com/jieyou/remote_inspect_web_on_real_device

75. 生成二維碼

生成二維碼地址

生成二維碼http://cli.im

76. 瀏覽器同步

瀏覽器同步地址

puerhttps://github.com/leeluolee/puer

liveReloadhttp://livereload.com

f5http://getf5.com

File Watchershttp://geek100.com/2608

77. 線上PPT製作

線上PPT製作地址

nodePPThttp://js8.in/2013/11/16/%E6%8E%A8%E8%8D%90nodeppt%EF%BC%9A%E4%BD%BF%E7%94%A8markdown%E8%AF%AD%E6%B3%95%E6%9D%A5%E5%86%99%E7%BD%91%E9%A1%B5ppt

PPThttps://github.com/ksky521/nodePPT

revealhttps://github.com/hakimel/reveal.js

slippyhttps://github.com/Seldaek/slippy

78. 前端導航網站

前端導航網站地址

介面清爽的前端導航http://uxbees.com/index.html

前端導航http://whycss.com

前端網址導航http://www.daqianduan.com/nav

前端名錄http://sentsin.com/daohang

前端導航http://123.jser.us

前端開發資源http://www.css88.com/nav

網址導航http://www.haourl.cn

前端開發倉庫 - 眾多效果的收集地http://code.ciaoca.com

前端資源導航https://github.com/jnoodle/f2e-collect

F2E 前端導航http://f2e.im/static/pages/nav/index.html

79. 常用CDN

常用CDN地址

新浪CDNhttp://lib.sinaapp.com

百度靜態資源公共庫http://cdn.code.baidu.com

360網站衛士常用前端公共庫CDN服務http://libs.useso.com

Bootstrap中文網開源專案免費 CDN 服務http://www.bootcdn.cn

開放靜態檔案 CDN - 七牛http://staticfile.org

CDN加速 - jq22http://www.jq22.com/cdn

jQuery CDNhttp://code.jquery.com

Google jQuery CDNhttp://www.google-jquery-cdn.com

微軟CDNhttp://www.asp.net/ajax/cdn

80. Git

Git地址

git-scmhttp://git-scm.com

廖雪峰-Git教程http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000

git-for-windowshttps://git-for-windows.github.io

GitHub 新增 SSH keyshttp://daemon369.github.io/git/2015/03/10/add-ssh-keys-for-github

gogithubhttp://www.worldhello.net/gotgithub/index.html

git常規命令練習http://pcottle.github.io/learnGitBranching

git的資料整理https://github.com/xirong/my-git

我所記錄的git命令（非常實用）http://www.cnblogs.com/fanfan259/p/4810517.html

企業開發git工作流模式探索部分休整https://github.com/xirong/my-git/blob/master/git-workflow-tutorial.md

GitHub 漫遊指南https://github.com/phodal/github-roam

GitHub祕籍https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md

使用git和github進行協同開發流程http://livoras.com/post/28

動畫方式練習githttp://onlywei.github.io/explain-git-with-d3