前端资源合集
目录
手册、工具
常用组件
框架、库
方案和常见问题
资料、书籍、教程
博客社区
技术刊物、公众号、微博号
活动、会议
佳文选摘
Demo
正文
手册、工具
手册
HTML
javascript
CSS
Markdown
综合
工具
IDE/编辑器
- sublimetext
- webstorm
- atom
- notepad++
- vim
- visualstudio
- HBuilder
- dreamweaver
- eclipse
- editplus
- xcode
- aptana
- coding
Markdown编辑器
浏览器
代码美化/对照
css处理
- less(中)
- less(英)
- less工具est
- sass
- sass中文文档
- stylus
- cssgrace
- cssreset
- postcss
- css2less
- sublime-autoprefixer
- purifycss
- css小工具
- css3pie
- csslint
- IE's css3
图片压缩/合并
在线制作
- css3generator
- caret三角
- cssarrow三角
- css-triangle-generator
- css3maker
- cubic-bezier
- ceaser
- css3button
- enjoycss
- createcss3
- flexyboxes
- type-scale
- css3渐变
- csscreator
- 动画帧数计算器
- bootstrap可视化布局系统
- formstylegenerator
转换工具
- 图片转文字
- px-em
- 字体格式online
- 字体格式free
- 字母大小写转换
- 繁简字体转换
- 生成二维码
- 富文本粘贴为纯文本
- ps转css
- gif视频互转
- html转markdown
- html转pdf
项目管理
版本控制
检测/测试
多终端检查/测试
兼容/性能/数据查询
性能测试
综合
其他
代码在线演示
常用组件
常用组件
综合
触屏滚动
日期选择器
- jquery-frontier-calendar
- datetimepicker
- pickadate
- flipclockjs
- jq-timeTo
- glDatePicker
- calendarsPicker
图表
弹出层
框架、库
框架/库
UI
- bootstrap(英)
- Bootstrap(中)
- yui
- Foundation
- Jeasyui
- Metroui
- Semantic
- Purecss
- Basscss
- jqueryui
- css3lib
- uikit
js
- Jquery
- zeptojs
- vuejs官方论坛
- Angularjs(英)
- Angularjs(中)
- Angularjs社区
- React(英)
- React(中)
- jslite
- validate表单验证
- backbonejs
- avalonjs
- thinkjs
- expressjs
- seajs
动画库
- animate
- anicollection
- cssshake
- animatable
- Hover
- animations
- JXAnimate
- spinkit
- velocity动画
- AlloyStick骨骼动画引擎
- rocket
- cssynth
- stylie
- animo-js
- anima
- magic_animations
- dynamicsjs
- anijs
- motio
- snabbt
- textillate
- animsition
- parallax
- fakeLoader
- wow
- bouncejs
- move
- easie
- iGrowl
- morf
- transit
- greensock
字体图标
- loveiconfonts
- glyphter
- perfecticons
- xiconeditor
- fontello
- 阿里妈妈iconfont
- icomoon
- Font-Awesome
- glyphicons
- Google Material Design
资源库
方案和常见问题
方案荟萃
布局
移动端
- 腾讯移动web整体解决方案
- 腾讯移动web前端知识库
- 移动界面尺寸规范
- 点击事件背景框
- 支付宝无线开发经验
- saber移动web解决方案
- 响应式还是分开写
- 移动端position:fixed问题
- MetaHandler（网易移动前端适配无痛脚本）
其他
- html5shiv(低版本浏览器的HTML5支持)
- Js复制
- IF IE ENDIF条件判断之IE10
- Chrome 翻译插件
- 网页retina优化
- 常用meta
- 树状菜单
- em vs rem
- css vs js
- 懒加载
- css解决方案（w3cplus）
- textures生成纹理
- csscss（检查重复声明等）
常见问题
前端指路
- 写给前端面试者（w3cplus）
- 如何成为一名卓越的前端工程师（勾三股四博客）
- 什么是全栈工程师
- 如何跟上前端开发的最新前沿
- 浏览器的工作原理
- 移动前端开发和 Web 前端开发的区别
- 大型网站CSS编写与维护
- CSS核心技术关键字
性能/规范/实践
- 如何阅读W3c规范(王晓轩)
- 如何阅读W3c规范(高博)
- 雅虎web性能优化军规
- codeguide
- 权威前端性能指南
- Code Review
- jquery 使用实践
- 高性能css
- MDN-Guide
- BEM
- BEM-w3cplus
- NEC
- JavaScript Style Guide
- css-code-review
- css-frontend-guidelines
问答社区
资料、书籍、教程
资料
- awesomes
- awesome-css
- wwwhere
- Nodejs中文资料导航
- AngularJS信息资源大全
- Angular学习资源合集
- 百度IFE
- 免费的编程中文书籍索引
- 前端收藏夹
- front-end-books-recommend
- github资源收集
- responsive resources响应式大全
- list of javascript books
书籍
HTML
CSS
- CSS权威指南(第3版)
- 精通CSS:高级Web标准解决方案(第2版)
- CSS禅意花园(修订版)
- CSS设计指南（第3版）
- CSS-Secrets
- 精彩绝伦的CSS
- 图解CSS3:核心技术与案例实战
- CSS3秘籍(第3版)
- CSS3实战
- 众妙之门:精通CSS3
- CSS那些事儿
Javascript
- JavaScript高级程序设计(第3版)
- JavaScript权威指南(第6版)
- JavaScript DOM编程艺术(第2版)
- JavaScript语言精粹(修订版)
- 编写可维护的JavaScript
- JavaScript模式
- JavaScript函数式编程
- JavaScript框架设计
- 锋利的Jquery
- jQuery权威指南(第2版)
- React:引领未来的用户界面开发框架
- 用AngularJS开发下一代Web应用
- AngularJS权威教程
- 深入浅出Node.js
- Node.js 官方文档中文版(kindle)
- Node学习指南
- 了不起的Node.js: 将JavaScript进行到底
- ppk谈JavaScript
综合
- 编写高质量代码:Web前端开发修炼之道
- Web前端开发最佳实践
- 高性能网站建设指南:前端工程师技能精髓
- 高性能网站建设进阶指南：Web开发者性能优化最佳实践
- Web全栈工程师的自我修养
- 重构：改善既有代码的设计
教程
综合
浏览器
IDE/编辑器
- 快乐的sublime
- Sublime Text 3使用心得
- Sublime Text3使用总结
- Sublime Text 3实用功能和常用快捷键收集
- Sublime Text 全程指南
- vim常用插件
- atom编辑器快捷键大全
版本控制工具
CSS/布局
- HTML+CSS基础课程
- 网页布局基础
- 固定层效果
- 回到顶部效果
- CSS Sprite雪碧图应用
- CSS深入理解之line-height
- CSS深入理解之overflow
- CSS深入理解之float浮动
- CSS深入理解之absolute
- css3-tutorial
- flexbox
- atozcss
- css-101
javascript
动画
sass
Canvas
svg
markdown
博客社区
中文综合
- w3c中国
- w3help
- w3cplus
- w3ctech
- css88
- div.io
- 前端观察
- 前端乱炖
- 大前端
- 一流前端
- web前端资源网
- 前端早读课
- 前端开发博客
- segmentfault
- IE10开发人员指南
- HTML5中国
- HTML5学堂
- imweb
- 前端里
- 最虾米
- web技术研究所
- w3cmark
- w3ctrain
英文综合
- smashingmagazine
- htmldog
- slideshare
- MDN
- csszengarden
- css-tricks
- dev opera
- sitepoint
- codrops
- sixrevisions
- github
- oreilly
- tutorialzine
- getawesomeness
- html5rocks
国内团队
- 淘宝前端团队
- 奇舞团
- 携程UED
- 百度FEX
- 迅雷CUED
- 腾讯Alloyteam
- 腾讯TGideas
- 腾讯TID
- 腾讯CDC
- 腾讯ISUX
- 淘宝UED
- 1号店MXC
- 大搜车团队
- alimama
- 微信企业号
- 美团技术团队
国内个人
- winter
- css森林
- twinsen
- 尤小右
- 阮一峰
- 张鑫旭
- 余果
- 贤心
- 飘飘
- 大猫
- franky
- 前端农民工
- 民工精髓
- sofish
- 玉伯
- 拔赤
- 堂主
- 嗷嗷
- 一丝
- 一丝new
- 米粽粽
- 勾三股四
- 贺师俊
- 张克军
- 真阿当
- doyoe
- css魔法
- 99css
- basecss
- Toobug
- 随机
- 三水清
- 严清
- justineo
- justjavac
- 叶小钗
- 米随随
- 进步博客
- 小胡子哥
- 情封
- 任平生
- 当耐特
- 小李刀刀
- 珍妮
- 丁小倪
- 题叶
- 桑尼真
- melonh
- 怿飞
- 水墨寒
- 党建
- zibin
- 寸志
- materliu
- 小僧怀静
- 笨笨剥壳
- hzlzh
- 姬小光
- 萝卜
- 元彦
- 鬼道
- 白树
- 糖拌西红柿
- 前端小武
- spy
- 轩枫阁
- 西门的后花园
- 草依山
- 于江水
- 苏洋
- 周文彬
- 崔凯
- 彬Go
- 龙恩0707
- alien
- 乐小希
- Dtao
- hacke2
- trigkit4
- dead-horse
- 一米
- 凯凯刘
- 王牧天
- 颜海镜
- 淡忘~浅思
- 武方博
- 阿安
- rex
- 羡辙
- busy
国外个人
- alvarotrigo(fullPage.js作者)
- Eric Meyer(《css权威指南》、《精彩绝伦的css》作者，著名css专家)
- philipwalton(Flexbugs创建者)
- cameron moll(精通CSS：高级Web标准解决方案 作者之一)
- andy budd(精通CSS：高级Web标准解决方案 作者之一)
- Lea Verou(《css secret》作者)
- JohnResig (Jquery作者)
- Nicholas C. Zakas(《Javascript高级程序设计》作者)
- useragentman(IE's css3作者)
设计
IT行业
技术刊物、公众号、微博号
技术刊物
公众号
- 前端早读课
- w3ctech
- w3cplus
- busy
- 前端开发知识
- 前端周末
- 前端开发博客
微博号
前端
- webrebuild
- jsconfchina
- cssconf
- css小组
- js小组
- 前端技术分享网
- 网易杭州前端技术部
- w3ctech
- 专注web前端开发
- 移动web前端设计
- F2E前端技术社区
- 前端开发网站
- 前端开发博客
- divio前端社区
- 慕课网前端学习小组
- 前端网
- 前端大全
- 前端交流
- 前端早读课
- SegmentFault
- w3cplus
- w3c中国
- HTML5中国
- HTML5
- HTML5kit
- w3cmark
- 前端乱炖
- 前端快爆
- 前端网W3cfuns
设计
综合
活动、会议
活动
会议
佳文选摘
编程人生
- 我的软件开发生涯 (10年开发经验总结和爆栈人生)
- 在腾讯的第四个两年
- 腾讯5年
- 写给初学前端工程师的一封信
- 前端路上的旅行
- 话说我为什么要闭关学习
- 程序员所具备的素质[转]
- 重构职业生涯思考
- 你为什么不分享
- 陆奇最新演讲：如何成为一个优秀的工程师
技术好文
- 一览CSS布局标准
- 视觉格式化模型中的各种框
- Margin系列
- 重拾 CSS 的乐趣（上）
- 重拾 CSS 的乐趣（下）
- Web前端开发最佳实践系列
- 深入理解javascript系列
- 关于reset那些事儿系列
- 说说CSS学习中的瓶颈