英文原文:Another 20 Docs and Guides for Front-End Developers
相信在 2015 年很多这个行业的人都会有这样的两种感受:
第一个来自于我们的个人感受,而第二个则是纯粹的必要性了。所以本文整理一些有用的信息,希望可以帮助相关领域的前端开发人员。
1. I want to use
基于 Can I use 的数据和功能,这款应用给予你选择一组前端开发特性的能力,并会读取出一个全球性用户能够使用它的百分比。
2. Regulex
JavaScript 正则表达式的可视化工具,在线输入表达式后,动态生成表达式图片。非常不错的一个可视化 Web 在线正则表达式设计工具。
3. Mastering the :nth-child
一个单页网站,帮助你理解如何去使用各种有用但又复杂的基于选择器组合的 nth-child。
4. HTML 5 视频事件和 API
这个页面展示了新的 HTML 5 视频元素、媒体 API 和媒体事件。播放、暂停、搜索整个视频、改变音量、静音、改变播放速度(包括进入负值),查看视频和潜在事件与属性上的效果。
5. Excess XSS
这可能是所有开发者都应该熟悉的一个话题,并且这可能是一个很好的着手点。它是一个跨站点脚本编制综合教程。
6. RSCSS
意思为“Reasonable Standard for CSS Stylesheet Structure(CSS 样式表结构合理的标准)”,记录一些针对大项目的 Sass/CSS 编写技巧和技术。
7. CodeFightClub
一个由 Andrew Hathaway 建立的项目,目的是帮助其他开发者学习如何用最好、最有效以及首选的方法编写代码。
8. Sass Guidelines
Hugo Giraudel 写的 Sass Guidelines 目前已经被翻译成其他六种语言。
9. Flexbugs
如果你的目的是使用 flexbox 构建一个网站,而事情却并没有像你所期望的那样进行,你可以在这里找到解决方案。
10. A Front End Engineer’s Manifesto(一个前端工程师的宣言)
没什么深入的东西,只是一些简单的事情提示,所有的前端开发者应该考虑将其结合到开发过程和工作流中。
11. ES5 中的 ECMAScript 6 等价物
ES6 特性转换到 ES5-compatible 代码的一个很好的参考。
12. Flexbox Adventures
来自开发者 Chris Wright 对 Flexbox 深入、实际看法。
13. BEM
一个全面推广和培养 BEM CSS 使用方法的网站。
14. Sass Compatibility
记录不同 Sass 引擎之间的不兼容性问题。
15. HTMLelement.info
一个整洁、逻辑、易使用的指南规范,在不同的 HTML 元素上获得信息。
16. JSLint Error Explanations
你可能跟随过很多 JavaScript 最佳实践,却并不明白所有这些技术背后的原因。本站旨在揭露 JSLint、JSHint、和 ESLint 工具里错误和警告。
17. Animations—— Web 基础
在 Google Web 基础文档中有很多有用的信息,而 Animations 对前端开发者尤为突出。
18. Favicon Cheat Sheet
对很多不同的讨论桌面和移动上图标来龙去脉的文章进行了整理。
19. The CSS at…
20. Dash
Dash 是一个 API 文档浏览器和代码片段管理者。(编译:陈明)
推荐阅读: