前端资源

中文 | ENGLISH

平时开发和学习过程中自己收集的一些前端资源。自行取用，不断更新。欢迎 star 和 fork 补充。

前端之路，且行且珍惜。

订阅

名称	地址	介绍
HTML5 Weekly	http://html5weekly.com	html技术推送
CSS Weekly	http://css-weekly.com	css技术推送
Javascript Weekly	http://javascriptweekly.com	javascript技术推送
Web Design Weekly	http://web-design-weekly.com/	设计相关推送
UX Weekly	http://uxwkly.com	用户体验和设计相关推送
Responsive Design Newsletter	http://responsivedesignweekly.com	响应式设计相关推送
Sidebar	http://sidebar.io	设计相关推送
The Hacker News Newsletter	http://www.hackernewsletter.com	hackernews 推送
Hack Design	http://hackdesign.org	每周发布一个设计类课程
SegmentFault	http://segmentfault.com	国内开发者技术问答社区每周推送

社区

名称	地址	介绍
V2EX	http://www.v2ex.com	国内技术社区，way to explore
cnode	http://cnodejs.org	国内nodejs社区
stackoverflow	http://stackoverflow.com	国外问答社区
SegmentFault	http://segmentfault.com	国内问答社区
DIV.IO	http://div.io	国内前端社区

牛人博客

名称	地址	介绍
W3Cplus	http://www.w3cplus.com	以css3、html5、Javascript和各类demo为主，推广国内前端行业的技术博客
前端观察	http://www.qianduan.net	前端技术文章
百度EFE	http://efe.baidu.com	百度商业体系前端团队
百度FEX	http://fex.baidu.com	百度FEX前端团队
张鑫旭-鑫空间-鑫生活	http://www.zhangxinxu.com/wordpress	前端技术文章
ria之家	http://www.36ria.com	前端技术文章
大前端	http://www.daqianduan.com	杂七杂八
设计达人	http://www.shejidaren.com	设计类
司徒正美	http://www.cnblogs.com/rubylouvre	司徒正美的博客
阮一峰	http://www.ruanyifeng.com/blog	技术文章
Be For Web	http://beforweb.com	关注移动应用及互联网产品、用户体验设计、前端开发
Smashing Magazine	http://www.smashingmagazine.com	技术、设计
CSS-TRICKS	http://css-tricks.com	技术
Web Designer Wall	http://webdesignerwall.com	技术、设计
Tutorialzine	http://tutorialzine.com	一些不错的文章
Jake Rutter	http://www.onerutter.com	Jake Rutter的博客
Paul Irish	http://www.paulirish.com	Paul Irish的博客
DailyJS	http://dailyjs.com	技术文章
Steve Souders	http://stevesouders.com	Steve Souders的博客
Evilcos	http://evilcos.me	余弦的博客
Krasimir Tsonev	http://krasimirtsonev.com	Krasimir Tsonev的博客
soho UX	http://ux.sohu.com	sohu UX
w3ctech	http://www.w3ctech.com	w3ctech
阿里妈妈 MUX	http://mux.alimama.com/	阿里妈妈的用户体验部门

工具

名称	地址	介绍
Grunt	http://gruntjs.com	JavaScript任务执行工具
Gulp	http://gulpjs.com	Javascript任务执行工具
chalk	https://github.com/chalk/chalk	Terminal string styling done right
phantomJS	http://phantomjs.org/	PhantomJS is a headless WebKit scriptable with a JavaScript API.
casperJS	http://casperjs.org/	CasperJS is a navigation scripting & testing utility
spritesmith	https://github.com/Ensighten/spritesmith	很不错的自动合并 icon 的工具
zepto.js	http://zeptojs.com	精巧的js框架
Amaze UI	http://amazeui.org	国内开源HTML5跨屏框架
FIS	http://fis.baidu.com	前端工具框架
ACE	http://ace.c9.io/	c9.io 使用的很棒的代码编辑器
ECharts	http://echarts.baidu.com	Javascript图表库
Karma	http://karma-runner.github.io	Javascript测试驱动环境
Mocha	http://mochajs.org	Javascript测试框架
Chai	http://chaijs.com	断言库
sea.js	http://seajs.org	js模块加载工具
normalize.css	http://necolas.github.io/normalize.css	css reset
FontAwesome	http://fontawesome.io	不错的font icon库
Jekyll	http://jekyllrb.com	静态网站搭建工具
nodePPT	https://github.com/ksky521/nodePPT	markdown语法写ppt，支持远程控制等
impress.js	http://bartaz.github.io/impress.js	用js做ppt
browserify	http://browserify.org	让 CommonJS 的组件在浏览器里飞
jshint	http://jshint.com	js 检查工具
hammer.js	http://hammerjs.github.io	模拟页面上的手势事件
swipe.js	http://swipejs.com	轻量级的移动端页面 slider
interact.js	http://interactjs.io/	轻量级的拖拽操作库
lining.js	http://zencode.in/lining.js/	丰富的行内样式操作库
octocard	http://octocard.in/	github 卡片分享工具
Transifex	https://www.transifex.com/	在线协同翻译的网站
Handlebars	http://handlebarsjs.com/	前端模板引擎
AngularJS	https://angularjs.org/	大名鼎鼎的 Angular
React	https://facebook.github.io/react/	大名鼎鼎的 React
Socket.IO	http://socket.io/	实时通信框架
TheaterJS	https://github.com/Zhouzi/TheaterJS	A typing effect mimicking human behavior
emmet	http://emmet.io/	非常好用的一个写 HTML 的插件
gm	http://aheckmann.github.io/gm/	node 上处理图片的不错的工具
esprima	http://esprima.org/index.html	ECMAScript parsing infrastructure for multipurpose analysis
marked	https://github.com/chjj/marked	不错的 Markdown 解析器
to-markdown	https://domchristie.github.io/to-markdown/	将 HTML 转换成 Markdown
jsDoc	http://usejsdoc.org/	js api document generator
pikaday	https://github.com/dbushell/Pikaday	A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS
moment.js	http://momentjs.com/	Parse, validate, manipulate, and display dates in JavaScript.
MDL	http://www.getmdl.io/	Google 基于 Material Design 规范出的框架
Materialize	http://materializecss.com/	基于 Material Design 的前端框架
fastclick	https://github.com/ftlabs/fastclick	Polyfill to remove click delays on browsers with touch UIs
pdf.js	https://github.com/mozilla/pdf.js	js pdf reader
lazy.js	http://danieltao.com/lazy.js/	Like Underscore, but lazier
fullPage.js	http://alvarotrigo.com/fullPage/	Create Beautiful Fullscreen Scrolling Websites
CSSOM	https://github.com/NV/CSSOM	CSS Object Model implemented in pure JavaScript.
postCSS	https://github.com/postcss/postcss	PostCSS is a tool for transforming styles with JS plugins.
autoPrefixer	https://github.com/postcss/autoprefixer	Parse CSS and add vendor prefixes to rules by Can I Use
jquery-pjax	http://pjax.herokuapp.com/	pushState + ajax = pjax
request	https://github.com/request/request	Simplified HTTP request client.

规范相关

名称	地址	介绍
w3org	http://www.w3.org/	w3org
whatwg	https://whatwg.org/	whatwg
Promises/A+	https://promisesaplus.com/	promises spec
CommonJS	http://wiki.commonjs.org/wiki/CommonJS	commonjs wiki
AMDJS	https://github.com/amdjs/amdjs-api	amdjs
CMDJS	https://github.com/cmdjs/specification	cmdjs

教程

名称	地址	介绍
前端开胃菜	http://poppinlp.github.io/front-end-appetizers	前端基础入门教程
CSS 词汇表	http://yisibl.github.io/css-vocabulary/	适合 CSS 初学者了解各种 CSS 基本概念
Git 在线入门教程	http://pcottle.github.io/learnGitBranching/?locale=zh_CN	适合 Git 入门者的在线学习教程，可直接在线操作
ProGit 中文版	http://git.oschina.net/progit/	很棒的一本讲 Git 的书，这是网页版，当然也有很多地方能下载到 pdf 版
CSS 布局水平垂直居中总结	http://f2e.souche.com/blog/jie-du-cssbu-ju-zhi-shui-ping-chui-zhi-ju-zhong/	总结的挺全面
understanding ES6	https://github.com/nzakas/understandinges6	NZ 大神的书

有点意思

名称	地址	介绍
Attack Map	http://map.norsecorp.com/	对于全球黑客攻击蛮有意思的可视化
Gource	https://github.com/acaudwell/Gource	对于 commit 的可视化呈现
hardseed	https://github.com/yangyangwithgnu/hardseed	hardseed