本周开始,你也许想静下心来学些什么新的东西,或者提高一下你在一门特殊计算机语言或者技术的能力。
在四月份,我把a collection of useful docs and guides(一些有用的文档和指南)打包到了一起,那是一个很受欢迎的帖子。自此以后,我又收集了一些。请尽情享受!
1. adobe web platform team(adobe web platform团队)
新设计的adobe web platform站点的网页平台上有很多新技术的信息和示例。包括svg的内容，css regions的内容，filters的内容，web extensions的内容和其他的内容。它们产生的很多新的标准都被adobe team 添加进了参考手册里，因此该站点罗列了一些，你可以通过点击它们链接到参考手册和代码示例。
2. flexbox cheatsheet cheatsheet(flexbox(伸缩布局盒)参考手册)
joni trythall的参考手册是在多个参考手册基础上制作的，它可以帮助你理解flexbox(伸缩布局盒)。它是一个覆盖了flexbox(伸缩布局盒)不同方面的流程图决策树，因此通过扫一眼这个图你就能得到形象化的一切flebox的知识。在页面上可以作为一个png格式的图片或者一个全尺寸的pdf文件使用。
3. flexy boxes(玩转布局盒)
它是flebox(伸缩布局盒)展示的地方，并且可以生成相应的代码。我喜欢这个上面的所有附加的选项。每一个功能的下面都有一个帮助说明，并且你也可以选择使用rtl编写模式，生成旧代码，同时也可以不用前缀来观察只有标准css版本的代码。
rtl介绍链接地址: http://baike.sogou.com/v4890574.htm?fromtitle=rtl
4. grid by example
它是由rachel andrew制作的拥有大量资源的文档，它覆盖了css grid layout module(css网格布局模块)的可用示例。包括很多相关的外部链接，同时罗列了覆盖了说明书的不同部分，并且有可视的示例。
5. css guidelines(css指南)
harry roberts制作的，它的目标是“为理性编写可管理和可扩展的css代码而提供有用的建议和指导”。这里有适合不同css开发者水平的很多内容。
6. foundation 5 cheat sheet
它是只有一页(虽然是一个很长的页)的参考站点，可以快速地查看到类名在zurb流行的前端框架的不同部分的使用。我喜欢它在页面上直接包括示例部分，并且在每个部分旁边都有必要的预先定义好的类列出来。
7. cheetyr
“它是一个便利的手册和快捷方式的集合，可以用来提高设计者和开发者的工作效率。”这个项目还在继续进行，但是目前该站点包括可以被搜索到的css手册，git手册，vim手册，photoshop手册，illustrator手册和indesign手册。
8. keycod.es
一个简便快速的手册，可以帮助你在键盘上获取不同键的正确键值。如果你在你的脚本里使用event.keycode或者event.which来判断哪个键被用户按了，该手册迟早会有用的。
9. angularjs style guide(angularjs样式指南)
“它的出发点是，通过最佳实践来为angularjs开发团队提供融合性。”它实际上有很多的文档，覆盖了angularjs语法超过20个类别。
10. poor man’s styleguide
“它是一个应急式的前端样式指南，它可以直接被copy(复制)，然后粘贴到你的cms项目里。”它提供了在html和markdown里的所有不同的元素的代码，并且在页面上有所有样式的显示效果。
markdown介绍链接地址: http://baike.sogou.com/v7868944.htm?fromtitle=markdown
11. web fundamentals(web 基础)
它是google(谷歌)开发者的”现**发的最佳实践”。它覆盖了很多不同的领域,包括多策略的布局、表单，并且它甚至有一部分还盈利了。
12. css pre(css 预处理)
一份“一站式的手册”，它用来对照不同的css预处理。它包括了一个博客部分，一张对照图表，和一些less,sass,和stylus的转化工具的集合。
less介绍的链接地址: http://lesscss.cn/
sass介绍的链接地址: http://baike.sogou.com/v73912368.htm?fromtitle=sass
stylus介绍的链接地址: http://blog.fens.me/nodejs-stylus-css/
13. github cheat sheet(github参考手册)
“它是git和github非常棒的一些功能的列表”。即使你是一个高级的git/github用户,在这里你也可以清楚地找到一些你之前从没有看到过的东西。
14. html vocabulary(html词汇表)
在最后收集里出现的文档和”css vocabulary”类似,这个主要关注html的不同部分。
15. ios human interface guidelines(ios人机界面指南)
它在itunes商店里可以免费使用。它主要是为ios app开发者服务的,但是在它上面也有一些常用的ui设计原则的讨论,这些对web平台开发者或者设计者来说可能会有些利用价值。遵循设计原则对构建基于web的响应式站点非常有帮助,它可以使你制作的native(本地)app更加可用。
16. html5 cheat sheet(html5参考手册)
它是设计的很漂亮的html5标签的参考手册。如果你想有一份方便的复印件,它可以以png格式的文件或者pdf格式的文件打印出来。
17. jquery coding standards & best practices(jquery编码标准&最佳实践)
它是开发者编写jquery最佳实践的集合。你或许不赞同描述的所有东西，但是毫无疑问你会找到一些值得思考的的建议。
18. html5 game engines(html5游戏引擎)
它真的很棒。它比较了用来创作基于html5游戏的不同库。每一个条目都提供了大量的说明，花费的成本(如果有的话)，过滤的标签，并且在网页上甚至还有和amazon网站类似的用户星评级和评论。
19. you might not need jquery(你或许不需要jquery)
你也许已经看过这个，因为当它问世的那一刻它就相当地受欢迎。它是大量vanilla javascript的综述，相当于多种多样的jquery方法。但是在后续文档里将会有一些有经验的jquery开发者作注释，他们会指出为什么你不应该那么快地抛弃jquery。
vanilla中文社区链接地址: http://vanillaforums.cn/
20. airbnb javascript style guide(airbnb javascript样式指南)
它是一份由受欢迎的国际酒店的站点开发者制作的样式指南。你没必要完全去遵循上面的某些东西,但是像其它的样式指南一样,你或许可以挑选出一些内容来应用到你自己的工作中。
总结
如果你为精通前端语言或者技术的某些方面，而编写了一个工具或者样式指南，请在评论区分享分享，而且或许在之后的一篇文章里我将把它添加进去。
20个为前端开发者准备的文档和指南(1)
以上就是20个为前端开发者准备的文档和指南（2）的详细内容。