20款前端开发程序猿必备的工具文档和教程

又到了学习资料分享的时间啦~  这里我们快速收集和分享不同的学习教程和资料， 包括了技术文档， 攻略， 及其其它的实用教程， 希望能够帮助大家快速学习和吸收前端的相关最近技术和知识，废话不说，下面就是iG客吧带给大家的一套精选开发文档， 大家开眼看看吧~~

1. CSS Mod Queries and Range Selectors

如果你最近阅读过Patrik的mod Queries相关文章的话，理解这些内容会更容易。 这个工具和教程将帮助你理解CSS选择器，并且如何使用他们来处未知数量的网格布局

2. You Might Not Need JavaScript

这个网站收集了很多小技巧来演示仅仅使用HTML，CSS，SASS能带来的惊人效果

3. The HTML5 Mega Cheat Sheet

一个完整的信息图，可以直接下载PDF，包含了HTML5标签（老的，新的及其被抛弃的）， 属性，桌面及其移动浏览器支持，时间处理和画布特性

4. SVG Authoring Guide

一个来自W3C官方的文档，描述了创建互动可操作，可重用，性能良好，高效而实用SVG的一些最佳实践，使用了解释和代码样例， 这个文档提供了对应的指导，并且对于开发人员来说，降低了创建SVG的难度

5. HTML 5.2 W3C Working Draft

虽然WHATWG HTML5标准继续成为了实际的无版本号标准， W3C仍旧向标准持续添加内容。如果你对于HTML5.2里的新内容和区别有兴趣的话，这是个不错的参考文档

6. Web Developer Checklist

一格非常好的可扩展的开发人员项目开发参考列表。包含了可用性，可访问性，SEO，代码质量，安全等等的相关信息。 同时每一个类别里的项目链接都可以帮助你来检查相关信息

7. Can I animate…?

一个允许你查询CSS属性的简单网站，并且会说明那些属性可以被执行动画，并且提供了一些浏览器计算动画的更多信息

8. Test on the right mobile devices

移动设备的浏览器堆指导， 基于当前浏览器市场份额， OS版本， 屏幕尺寸，viewports和分辨率等等信息。 正如网站描述的： 我们得到了30000个浏览器客户的使用分析， 及其市场趋势。 这个列表将会持续的提供最新的及其最新设备信息。





9. 设计师的Web性能优化清单

Jon Yablonski创建了这个动态清单，这个清单是基于他创作的一篇文章创建的，设计师们为他们的前端项目添加一些有价值的、通常情况下易于实现的性能改进。每个项目都有指向相关文章的相应部分的链接。



10. Web平台功能的可用性如何？

“由caniuse.com和StatCounter的数据提供支持，这个页面标明具有本机支持的各种Web平台功能的浏览器的用户的百分比。 显然，这不考虑填补能力或其他后备方案。”



11. JavaScript开发者状态调查

“有超过九千名的码农参加了第一版的JavaScript状态调查。 这次调查对相关前端框架和状态管理，构建工具和测试库等方面的问题进行了回答。 你会发现哪一种库类是码农最想要学习的，并。 希望这些数据能帮助你了解不断变化的JavaScript生态系统。



12. 移动使用统计

这是一个实时、动态的移动使用数据信息图表，演示了在线活动的各个方面是如何随着时间的推移而变化。



13. 字体加载策略的综合指南

Zach Leatherman详尽的技术指导给开发者提供了许多处理网络字体的最佳建议和实例，帮助码农处理实际中遇到的问题。



14. MDN学习社区

这是一个你可能已经有所了解的社区，MDN并不适合我们所有人，因为它主要是为初学者所开设的，但不可否认的是，Mozilla Developer Network 是一个可以快速访问和获取 HTML、CSS 和 JavaScript 等各类学习知识的社区。



15.弹力球

Sparkbox中的一支团队建立了一个简单的交互式页面，用于演示如何使用各种技术创建一个弹跳球动画。如果考虑使用动画库的话，这可能是一个不错的选择来比较不同的编码和接口。



16.无障碍指南清单

不论对于码农，工程师，项目经理，测试和编辑人员来说。“让工作在全体成员中进行无缝衔接是一个非常棒的感受。 无论在项目中的你负责什么岗位或项目处于什么阶段，都可以使用这个清单帮助构建无障碍程序。“



17. WebAIM辅助功能列表

这是一份出自WebAIM技术人员只手的一份更详尽、技术含量更高的辅助功能检查表，可在Web页面或作为PDF使用，它分为HTML和Scripts/Plugins（脚本/插件）两部分。



18. 抛弃Lodash
/ Underscore

这是一项广泛使用的资源，其中罗列出了许多使用vanilla JavaScript替换如Lodash和Underscore等其他内容的技术。并且还对每项技术的浏览器支持进行了介绍。



19.Web的易访问性模式

来自于 eBay 的开发者 Ian McBurnie 说，这是一个针对于易用网络模式而进行的有趣测试，测试内容包括自动完成、复选框、弹出菜单、分页、提示等。你可以在the associated GitBook找到更多的相关文档。



20. Angular代码审查

Angular 1.x的核对清单可以帮助你进行代码审查，并确保您在风格，体系结构，安全性，辅助功能和性能方面使用公认的最佳方法。 你也可以进行用户注册，以便Angular 2的检查表可用时收到通知。