- 前端代码规范
- 前端开发IDE
- 现代前端工具
- 前端知识自我修养
- CSS
- JS
- Node使用工具
- XSS
- Frontend Boilerplate
- Web性能优化
- 面试
- UED官网
- 机器学习
- 其他
- 各种坑
- Code Guide by @AlloyTeam-materliu腾讯AlloyTeam团队贡献
- JavaScript Style Guide airbnb贡献
- Package Control 插件包管理(安装,查询,卸载)
- Emmet 支持zen Coding快速编写HTML/CSS
- SideBarEnhancements sidebar的扩展,增加(新建,新文件夹,打开当期文件位置等等)
- SublimeLinter借助 SublimeLinter 编写高质量的 JavaScript & CSS 代码需要借助于Node和jshint
- 代码格式工具Tag只适用于HTML/XML;HTML-CSS-JS Prettify见闻知意了,依赖于Node
- TortoiseSVN ,你懂得
- Material Theme Material Theme, the most epic theme for Sublime Text 3 by Mattia Astorino
2.Atom
- awesome-atom A curated list of delightful Atom packages and resources.
3.webstorm
国外篇
- Yeoman:现代WebApp脚手架工具,带有很多generator生成器,比如:generator-webapp,generator-mobile移动优先,慕课网视频教程老湿很牛
- Grunt:javasript的build工具,开发常用的例如压缩(minification)、编译、单元测试、linting等;
- Bower:javascript库管理工具
- Gulp:Grunt竞争对手,Grunt的插件职责不单一,Gulp针对这方面有所改进,后起之秀有架构方便的优势
- webpack
- gulp-starterA delicious blend of gulp tasks combined into a configurable asset pipeline and static site builder
国内篇
- JDF 京东前端集成解决方案
- F.I.S 前端集成解决方案,百度FEX团队贡献,视频教程(有惊喜),相对Grunt和Gulp容易入手,访问没有限制
- Spirit腾讯移动Web整体解决方案,腾讯Alloyteam团队贡献
国内篇
- 前端技能,收集前端大部分知识
- mobileTech 移动学习资料,大牛@司徒正美 参与贡献,Avalon的创建人,JavaScript架构设计的作者
- GMU基于zepto的ui组件库,适用于移动端
- fetool大前端的瑞士军刀,只记录有用的
- skill-map StuQ 技能图谱
国外篇
- Awesome-javascript 收集了很多适用、流行库,英文版,可惜没有中文
- You-Dont-Know-JS 深入介绍的作用域,闭包,异步,性能,ES6等等
- Awesome-nodejs node插件集合
- Front-End-Dev 大就“任性”
- FrontEnd-stuff
- awesome 一个世界
1.Animate
国内篇
- Css3动画属性总汇
- CSS3 UI 库: Tencent Alloyteam
国外篇
- Animate.css:A cross-browser library of CSS animations. As easy to use as an easy thing.
- bounce.js: Create beautiful CSS3 powered animations in no time
- magic CSS3 Animations with special effects
- font-awesome-animation Simple animations using FontAwesome and some CSS3
2.FlexBox
- solved-by-flexbox A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.
- flexibility Use flexbox while supporting older Internet Explorers
- FLEXBOX FROGGY 用游戏学习 CSS Flexbox
3.Loading集合
4.Framework
- Materialize Materialize, a CSS Framework based on Material Design
1.Scroll
- scrollreveal.js Easy scroll animations for web and mobile browsers.
- scroller Accelerated panning and zooming for HTML and Canvas
- syncscroll.js Sync scroll
2.Chart
3.Drag and drop
- dragula Drag and drop so simple it hurts
4.animations
- dynamics.js Javascript library to create physics-based CSS animations
5.剪切板
- clipboard Modern copy to clipboard. No Flash. Just 2kb
6.金融
- accounting.js A lightweight JavaScript library for number, money and currency formatting
- card 银行卡格式化
- cleave.js 银行卡、时间、数字、手机等格式化,支持CommonJS / AMD和React组件
7.图片处理
8.SVG
- Snap.svg The JavaScript library for modern SVG graphics.
- svg.js A lightweight library for manipulating and animating SVG
- awesome-svg
9.滑动组件
- Swiper Most modern mobile touch slider with hardware accelerated transitions
- iSlider Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App
- fullpage For desktop(ie5.5+) or mobile webApp without jQuery,create full screen pages fast and simple.
- lightgallery.jsFull featured JavaScript image & video gallery. No dependencies
10.上传
- uppie Cross-browser directory uploads made easy
11.WebSQL
- WebSqlSync Synchronize a local WebSQL DB to a server
12.正则表达式
- JSVerbalExpressions JavaScript Regular expressions made easy
13.框架和库
14.JSON
- lave Why not just use JSON.stringify?
- query-string Parse and stringify URL query strings
- lodash A modern JavaScript utility library delivering modularity, performance, & extras
- js-xss 根据白名单过滤HTML(防止XSS攻击)
- totoro 简单稳定的前端单元测试工具
- PhantomJS支持web而不需浏览器支持,其快速,原生支持各种Web标准:DOM 处理, CSS 选择器, JSON, Canvas, 和SVG。PhantomJS可以用于页面自动化,网络监测,网页截屏,以及无界面测试等,更多...
- Mocha是一个基于node.js和浏览器的集合各种特性的Javascript测试框架,并且可以让异步测试也变的简单和有趣
- FreeCodeCamp The http://FreeCodeCamp.com open source codebase and curriculum. Learn to code and help nonprofits.
- free-programming-books-zh: 汇集了各种编程语言
- 前端性能优化-基础知识认知
- PageSpeed Insights 使您的网页在所有设备上都能快速加载
- Frontend Boilerplate webpack-react-redux-babel-autoprefixer-hmr-postcss-css-modules-rucksack-boilerplate
- react-boilerplate 🔥 Quick setup for performance orientated, offline-first React.js applications featuring Redux, hot-reloading, PostCSS, react-router, ServiceWorker, AppCache, FontFaceObserver and Mocha.
- Front-end-Web-Development-Interview-Question 前端开发面试题大收集
- Front-end-Developer-Interview-Questions A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.
- ont-end-questions-to-the-interview-stage 最全前端开发面试问题及答案整理
- [awesome-machine-learning-cn] (https://github.com/jobbole/awesome-machine-learning-cn)机器学习资源大全中文版,包括机器学习领域的框架、库以及软件
- Awesome 收集了平台(Platforms),编程语言(Programming languages),计算机科学(Computer science),大数据(Big Data)等等技能
- HTML,CSS and JS最佳实践
- 技术视频教程:慕课网
- free-programming-books Freely available programming books,支持多种语言
- F2E-Tutorial-Collect 前端资料整理