关于前端开发的20篇文档与指南-转

关于前端开发的20篇文档与指南

摘要:前端开发者中相信很多人会有两种感受:真的不知所措,这个行业到底有多少东西需要去学习;渴望更多,并迫不及待的为接下来的学习寻求一些思想方向。本文整理一些有用的信息,希望可以帮助相关领域的前端开发人员。

相信在2015年很多这个行业的人都会有这样的两种感受:

  1. 真的不知所措,这个行业到底有多少东西需要去学习;
  2. 渴望更多,并迫不及待的为接下来的学习寻求一些思想方向。

 

第一个来自于我们的个人感受,而第二个则是纯粹的必要性了。所以本文整理一些有用的信息,希望可以帮助相关领域的前端开发人员。

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文档浏览器和代码片段管理者。(编译:陈明)

posted on 2015-03-02 14:51  流光易逝  阅读(168)  评论(0编辑  收藏  举报

导航