爱前端网
那是一次又一次的学习！之前，我已经收集了许多不同的学习资源，包括教程，文档，和其他有用的网站来帮助你得到了在不同领域发展速度的前端。
所以请享受 第九批我们的文档和指南系列 别忘了让我知道的任何人的评论，我还没有包括。
1.JavaScript Standard Style
这是不是主要的学习指南，而是一个模块，可以安装和运行通过命令行来测试你的代码与一组JavaScript的语法规则。它也可以作为一个文本编辑器插件。为指导，但是，你可以阅读规则崩溃，这应该是初学者和其他人了解一些基本的JavaScript的最佳实践的一个好方法
2.Webpack: An Introduction
“WebPACK是一种流行的模块式一个捆绑的应用程序源代码，方便块从服务器到浏览器加载代码的工具”。本指南是角的官方网站，所以引导是面向使用WebPACK角2应用程序。
3.Aural UI of the Elements of HTML
“HTML元素如何通过屏幕阅读器支持。”由四个数据覆盖在Windows 10的Firefox上表，在OSX的画外音和Safari 9，和Nvidia和火狐在Windows 8.1中，更多的测试来。
4.Type Terms
这是设计师比开发商更多，但这是一个很不错的设计，对于那些想成为排版术语更熟悉的有用的互动工具。在掌门人，一个曼彻斯特的设计机构。
5.Email Toolbox
这是链接的一个广泛的资源主要集中在设计和编码的HTML电子邮件。各种类别，包括人们遵循，课下许多东西，博客阅读，工具，和电子邮件服务提供商。
6.Almost complete guide to flexbox (without flexbox)
有这么多不同的flexbox指南和工具左右浮动，但这里的东西有点不同。本指南告诉你如何实现flexbox样作用在你的布局，使用传统的方法。很高兴在一个岗位上这样看到他们，代码示例。
7.Angular 1.x styleguide (ES2015)
这是一个“角风格的球队”的Todd Motto，一个与Telerik开发商主张。托德还提供了 课程 对AngularJS的发展。这种格式指南”已被改写，从地上爬起来es2015，未来升级到AngularJS2——AngularJS1.5 +应用程序的变化。”
8.CSS Purge
这个网站可以让你在流行的网站和框架级说到高效、可维护的CSS统计。它显示CSS文件的大小，数据的特异性分数，和CSS属性的使用。
9.Google Chrome’s CSS File
这是Chrome使用HTML元素的默认样式提供一些基础的核心的CSS文件。有趣的是浏览一下因为那里肯定有一些古怪。
10.<head> Cheat Sheet
“列表都走在 <head>文档。“我喜欢这个因为它列出的标准元素不仅而且供应商特定的东西，我们许多人看到的也许不完全理解。
11.Generators and Iterators
An eight-part tutorial by Greg Reimer covering ES6 Generators.”Generators 是一个在欣赏现代JavaScript功能。我相信这是因为发电机是个整体包括发电机和迭代器的两部分，并学习其他人没有画一个不完整的画面。我至少，啊哈！一刻不来直到我放大了看迭代器和生成器的整体。”
12.Node.js ES2015 Support
技术上这是后端，但有关JavaScript开发者。这是一套用于es2015兼容性表但只适用于Node.js。
13.HTML5 Accessibility
我有这样一个在以前的帖子，但它已经重新设计，它看起来很好。”这个网站测试HTML5新特性是由主要的浏览器中支持。这包括他们是否可通过键盘操作，映射到平台访问的API，如果任何可访问性相关功能的支持。”
14.MaintainableCSS
“不必担心过分写CSS，预先存在的方式会导致problems.maintainablecss是写的模块化方法，可扩展性和可维护性当然，CSS。”这是一个12部分指导亚当·席尔瓦。
15.Simplified JavaScript Jargon
最初是由Hugo Giraudel开始的，这是一个社区驱动的尝试使用一些简单的词组解释许多流行语弥补当前JavaScript生态系统。”这个想法是不是要取代个人资料，但作为一种词汇表，可以很容易地引用。”
16.Bootstrap 4 Cheat Sheet
A cheatsheet for Bootstrap 4,从hackerthemes亚历克斯。这个网站有一个很好的交互式布局，点击显示的项目作为一个代码片段演示”和“视口。你也可以单击两个highlight全纽约的东西在第4版。
17.AngularJS Cheat Sheets
“我们已经创建了一些小抄学习指南帮助你克服AngularJS的学习曲线，并为你提供你的日常工作的参考。”包括三个小抄：AngularJS的核心服务，AngularJS指令定义的对象，和AngularJS UI插件。
18.React Makes You Sad
Dan Abramov的流程对于那些很难把握不同的概念使用时的反应。流程图提供了一些规则式的建议来帮助你简化的东西，所以你可以更好地理解图书馆。
19.Flexbox Patterns
“flexbox是可怕的，但它引入了许多可以使它很难使用的新概念。这些互动的例子将显示你的实际使用方式构建UI组件。他们开始了简单而变得越来越复杂，接近尾声了。”
20.Hacksplaining
不只是为前端开发人员，但肯定值得考虑所有在开发者领域。”对付黑客最好的防御是一个消息灵通的开发团队。我们的互动练习可以教你关于今天的最常见的安全漏洞的球队。”
未经允许不得转载：爱前端网 » 20个为前端开发者准备的文档和指南九
HTML5 3D地球仪 可按经纬坐标定位
JavaScript 动画折线图 带阴影 3D 效果
纯CSS3实现的无限级垂直手风琴菜单
纯 CSS3 3D 卡片翻转动画
基于 TweenMax.js 的图片碎裂切换动画
HTML5 3D 视差相册画廊
CSS3卡片3D翻转动画 卡片带3D按钮
jQuery事件循环滚动的时间轴插件
基于Splitting.js的CSS3魔幻文字动画特效
React 3D层叠卡片切换动画
SVG带小图标的Checkbox美化插件
Vue.js 圆形CSS3渐变色拾取器
