20个为前端开发者准备的文档和指南4

1.I want to use

基于的数据和功能都在Can I use网站上列出来了,这个app可以给你选择很多前端开发功能的能力和获得全世界用户看到你选择的功能的人数的百分比。

2. Regulex(JavaScript正则表达式可视化工具)

它是一个客户端工具，一个JavaScript正则表达式可视化工具，该工具有一个精确的错误提示器，来告诉你在你的正则表达式里有某个语法错误。它也提供一种选择，即通过使用一对iframe标签来把输出的结果嵌入到你想要嵌入的地方。

3. Mastering the :nth-child(精通:nth-child)

它是只有一页的站点，可以帮助你理解如何使用多种多样有用但是通常又很复杂的基于nth-child的选择器组合。

4. HTML5 Video Events and API(HTML5 Video(视频)事件和API)

“这个页面演示了HTML5 video的新元素，它的多媒体API，以及多媒体事件。播放、暂停和在整个视频里搜索、调节音量、静音、调节回放速度(包括设置为负值)。在视频里看看效果，看看主要事件的效果和属性值的变化。”

5. Excess XSS(攻克XSS)

XSS介绍链接地址: http://baike.sogou.com/v625072.htm?fromTitle=xss

它大概就是一个所有开发者都应该熟悉的主题，而且对于了解XSS，它上面的内容也许是很好的开始。它是跨站脚本的综合性的教程,是一份潜在攻击类型的手册，并且提供了解决方案来预防这些攻击。

6. RSCSS

它意味着”合理的CSS 样式表结构标准”,在为很大的项目编写Sass/CSS时,它还在备档一些技巧和技术。

Sass介绍链接地址: http://baike.sogou.com/v73912368.htm?fromTitle=SASs

7. CodeFightClub(编程竞争俱乐部)

“它是由Andrew Hathaway创建的一个项目，它的目标是帮助同样的开发者学习如何尽他们所能来以最好、最有效和最优的方式来编写他们的代码。为了能决定谁的代码编写方式是最好的，用户可以发表评论，并且可以为他们喜欢的竞争者投票来赢得一场竞争。”这个网站根据编程语言分成了很多类别，但是上面似乎没有那么多，然而你可以在网站上添加来使它增多，并且也可以发起一些”编程竞争赛”。

8. Sass Guidelines(Sas指南)

它来自Sass大师Hugo Giraudel，“一个固执己见的样式指南，用来编写合理的，可维持的和可扩展的Sass代码。”该指南已经被翻译成了六种其他的语言。

9. Flexbugs

“它是一个社区策划的flexbox(伸缩布局盒)问题和为它们准备的跨浏览器解决方案。它的目的是，如果你用flexbox构建了一个站点，而它并没有像你预期的那样运行工作,你可以在这里找到解决方案。”当用Flexbox开始构建一个新布局时，应该为它们确定一个必要的标签。

10. A Front End Engineer’s Manifesto(一份前端工程师的忠告)

它没有特别深入的内容，就是一个告示的简单集合，它提醒所有的前端开发者应该把他们的开发流程和工作流相结合。

11. ECMAScript 6 equivalents in ES5

一份非常好的，可以把ES6功能转化为ES5兼容的代码的参考手册。它很好地考虑到了对ES5的强力支持(ES5 has great support)，但是对ES6却没有强力的支持(ES6 doesn’t)。

12. Flexbox Adventures

它是来自澳洲的开发者Chris Wright制作的，具有一定的深度和实际效果的Flexbox手册。他也发布了标题是Using Flexbox Today的帖子，该帖子有助于帮你以合理实际的方式移到Flexbox开发上来。

Using Flexbox Today的链接地址: https://chriswrightdesign.com/experiments/using-flexbox-today/

13. Get BEM

它是一个综合的站点,旨在推广和教导开发者使用流行的BEM CSS方法学。

BEM的链接地址: http://www.w3cplus.com/css/bem-definitions.html

14. Sass Compatibility(Sass 兼容性)

“它报告了不同Sass引擎之间的不兼容。”

15. HTMLelement.info

一份小巧、合理、使用简单的指南，它可以从参考手册上获取不同的HTML元素信息。

16. JSLint Error Explanations(JSLint的错误提示解释)

如果你喜欢，你也许会遵循很多的JavaScript的最佳实践，但是你也许并不一定理解在这些技术下的所有成因。该站点主旨是揭示你在流行的linting工具JSLint、JSHint和ESLint上产生的错误和警告的秘密。

17. Animations — Web Fundamentals(动画-Web的基础)

在Google的Web Fundamentals documentation(web 基础文档)里有很多的有用信息，但是这个为前端开发者特别提出来，是因为在制作一个动态的UI元素时，有一些重要的好的经验可以应用到自己的项目上。

18. Favicon Cheat Sheet(网站图标参考手册)

Favicon介绍链接地址: http://baike.sogou.com/v8483500.htm?fromTitle=favicon

“一份令人分神吃力的手册，用来查看所使用图标的尺寸或类型。”它是从很多不同流行的文章哪里编译的，这些文章讨论了从电脑到手机从里到外的图标。

19. The CSS at…

如果你想用一些大神制作的CSS样式指南充实自己，那么在本站点中，Chris Coyier已经把去年几个月里不同的帖子根据统计趋势排了名,并且把它们的相关信息和链接都放到了一张表格里。我确定他还会继续更新这个的，就如同其他人用他们的CSS方法和经验来公之于众一样。

20. Dash

Dash介绍链接地址: http://scriptfans.iteye.com/blog/1543219

它是一个native(本地)Mac或者iOS应用，“是一个API文档浏览骑和代码片段管理者。Dash存储了代码片段，并且可以离线即时在超过150篇API文档集合里搜索文档。”它很棒，很适合不同类型的开发者。