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

1. DevTools Challenger

它是一个交互式的站点,演示了如何在Firefox开发者版本里使用其拥有的新的相关动画功能。

2. The HTML & CSS Workmanship Manual(HTML和CSS技巧手册)

一个很好的HTML/CSS的样式指南,可以帮助开发者编写“耐用,持久”的代码,它是受NASA的技巧标准项目启发而编制的。

NASA介绍链接地址: http://baike.sogou.com/v449802.htm?fromTitle=NASA

3. ECMAScript 6 Cheatsheet(ECMAScript6参考手册)

我相信我们没有太多的ES6的学习资源,因此这个就是其中一个。ES6在JavaScript的发展历史上是一个巨大的进步,并且这个参考手册将向你介绍ECMAScript标准内容最新版本的一切。

4. React Cheat Sheet(React参考手册)

React介绍的链接地址: http://www.ibm.com/developerworks/cn/web/1509_dongyue_react/index.html

React是目前最流行的框架技术,而本快速入门手册对学习者来说具有很大的帮助。在该网站的顶部有一个搜索表单,可以供过滤所需要的内容,而且每一个功能都有一个链接,当点击链接后就会链接到React的官方文档页面上。

5. Six Speed

它是一张图表,是为通过不同的转换编译器(Babel,Traceur等等)渲染涉及到Es5基层操作的不同的ES6功能显示性能报告信息。

Babel介绍链接地址: http://babeljs.cn/

Traceur介绍链接地址: http://www.oschina.net/p/traceur

6. U.S. Web Design Standards(美国Web设计标准)

“它是开源的UI组件和可视化的样式指南,贯穿了美国联邦政府网站,旨在提供创造稳定的和出色的用户体验。”

7. ECMAScript 6 — New Features:Overview&Comparison (ECMAScript6-新功能:概述和对比)

这是另一个很棒的ES6学习资源。这个ES6的学习资源最棒的地方是,每一个功能它都有两个代码示例,包括同样的代码在ES5里是如何实现的。

8. Interactive WCAG 2.0(交互式的WCAG2.0)

WCAG2.0介绍的链接地址: http://baike.sogou.com/v10626070.htm?fromTitle=wcag

它是为不同的UI元素制作的一个Web内容权限指南的列表,可以通过WCAG水平级别或者根据职责功能(包括前端,设计,用户体验等等。)来过滤所需内容。它还有W3C和WebAIM的建议。

UX介绍的链接地址: http://baike.sogou.com/v68495939.htm?fromTitle=UX

WebAIM介绍:他们的任务是授权组织机构来使这些组织机构的网页内容可以被身有残疾的人士阅读。

WebAIM 链接地址: http://webaim.org/(英文网站)

9. Mac OS X Dev Setup Reference(Mac电脑的OSX系统的开发者设置手册)

“安装一台新的开发者机器一定是一个连续的,既耗体力又耗时间的过程。该手册旨在通过容易理解的说明和点文件或者脚本来自动完成大量不同的设置,达到简化安装过程的目的。”

10. Kinetic Email CSS Support(KineticJS邮箱的CSS支持表)

Kinetic的介绍链接地址: http://www.cnblogs.com/zhangleblog/category/604046.html

该网站以表格的形式列出了HTML和CSS的主要功能,这些功能在交互式的和动态的CSS技术里经常被使用,并且列出了主流邮件客户端对它们的支持。

11. HTMLBook

它是由O’Reilly Media发起的基于XHTML5编写代码和数字产品和打印书籍的标准概述的一个非官方的说明书。Lea Verou写的CSS Secrets(CSS的秘密)就是使用这个标准编写的。

O’Reilly Media介绍的链接地址: http://baike.sogou.com/v69267939.htm?fromTitle=O%27Reilly+Media

Lea Verou介绍的链接地址: https://www.amazon.cn/%E5%9B%BE%E4%B9%A6/dp/B01ET3FO86?ie=UTF8&dpID=51zBDFxt-yL&dpSrc=sims&preST=_AC_UL160_SR125%2C160_&psc=1

12. ECMAScript® 2016 Language Specification(ECMAScript 2016 计算机语言规范)

官方的ECMAScript说明书现在在GitHub上,被编辑成单页而且使用方便的HTML格式并且有着过滤器选项的说明书。

13. How DNS works(DNS如何工作的)

“它精彩地解释了DNS是怎么工作的…我们制作该连环画,目的是解释当你在浏览器里键入一个网站的地址时,究竟发生了什么。”

14. StaticGen

它是可以过滤的“顶级开源的静态站点生成器的排行榜。”可以让你通过计算机语言,GitHub星级,叉状数和开源问题来过滤你所需要的内容。

15. doiuse…?

打开该网站后,粘贴某些CSS代码或者某个网站的URL到相应的地方,点击tell me后,该站点就会告诉你哪个浏览器支持该CSS代码或者不支持该CSS代码。你可以执行一个一般的搜索或者使用Autoprefixer许可的关键字列表来过滤搜索你需要的内容。

Autoprefixer介绍链接地址: http://www.cnblogs.com/aNd1coder/archive/2013/08/12/3252690.html

16. Font Family Reunion(字体大全)

它是一个可以过滤内容的兼容图表,图表内容显示的是在所有操作系统上的默认的当地字体。该图表告诉你,该字体是否被支持,是否有别名,或者给该系统恢复默认字体。

17. Perf.Rocks

它是一个资源站点,用来查找文章,工具,视频,音频,幻灯片和覆盖所有web性能的书。它维护得很好,你可以上传你自己的东西到上面。

18. Website Style Guide Resources(网站样式指南资源)

从几年前到现在,样式指南已经成了一个很重要的东西。该站点是一个单一的资源站点,拥有编译工具,文章,书籍,视频广播和很多关于样式指南的主题内容。

19. package.json

package.json介绍链接地址: http://javascript.ruanyifeng.com/nodejs/packagejson.html

“它是一个交互式的指南,用来查看package.json为node.js应用打包格式的不同重要的属性。你可以通过把鼠标悬停在某个属性名上或者点击该属性名来获取到该属性的详细信息。”

20. Promise Cookbook(Promise手册)

Promise介绍链接地址: http://www.infoq.com/cn/news/2011/09/js-promise

一个在JavaScript里使用Promise的简介。

原文发布于微信公众号 - 交互设计前端开发与后端程序设计(interaction_Designer)

原文发表时间:2017-10-17

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏互联网杂技

抛弃jQuery,拥抱原生JavaScript

Why not jQuery 1. 模式变革 jQuery 代表着传统的以 DOM 为中心的开发模式,但现在复杂页面开发流行的是以 React 为代表的以数据/...

3548
来自专栏知晓程序

微信小程序接口全解析!从官方 Demo 了解小程序的能力

1983
来自专栏web前端教室

风继续吹&&先行者成员:王广铎(duo 二声)的作业分析,从他的作业理解“React单向数据流”

他的作业:“分页组件”React版,写的很好,主要是思路很清晰。本来是想上周日视频课程直播的时候讲一下了,现在只能是放在文章中大概的说说了。先看截图, ? 很...

2008
来自专栏张戈的专栏

关于网站图标favicon.ico那点事儿,你造吗?

众所周知,联盟成员导航是中国博客联盟的特色之一。而网站图标则是导航的装饰之一,起到锦上添花的作用,让页面更精美耐看。 但是随着成员数量的增长,图标便成了页面的拖...

7026
来自专栏理论坞

UI(用户界面)设计规则和规范

界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作,起到向导的作用。同时界面如同人的面孔,具...

1853
来自专栏ZKEASOFT

会HTML/CSS就可以轻松创建网站

网站其本质就是HTML + CSS 外加一些JavaScript构成的。所以基本上只要你会一些前端,就可以开始花样搭网站了。

64321
来自专栏练小习的专栏

从前端界面开发谈微信小程序体验

这段时间有幸加入了一个关于微信小程序的项目开发组,从无到有的根据文档自行学习了小程序的开发过程。

16.9K15
来自专栏小特工作室

WinForm中播放视频示例(含源码)

1背景 这几天一老友要求我做个小软件,在WinForm播放视频.印象中微软有个WM控件直接可以使用,晚上研究下 2实现方式 2.1微软草根 最简单的方式,是...

2216
来自专栏ionic3+

【技巧】ionic3视频播放

一般视频的展示方式有两种:缩略图和直接播放,分别对应下面两种效果(可参考直播应用和今日头条视频):

2543
来自专栏游戏杂谈

Chrome、FF在swf处理中的问题小记

当时的需求是点击网页装扮的时候会弹出一个层,层内有很多TAB选项卡,而有一个对图片处理的swf(让用户选择一张图片、编辑图片)放在其中一个选项卡中,而当来回切换...

1313

扫码关注云+社区

领取腾讯云代金券