推荐20个很有帮助的 Web 前端开发教程

　　在平常的搜索中，我碰到过很多有趣的信息，应用程序和文档，我把它们整理在下面这个列表。这是收藏的遇到的有用内容的一个伟大的方式，可以在你需要的时候方便查阅。相信你会在这个列表中发现对你很有用的资料。

您可能感兴趣的相关文章

1. CSS Vocabulary

一个伟大的指向和点击的小应用程序，让你加快速度掌握 CSS 语法的各个不同部分，学习各个属性的正确的名称。

2. Liquidapsive

一个简单的信息化布局，通过选择框的方式，可以让你在响应式，自适应，流动和静态布局中选择，所以你可以看到四大布局类型之间的区别。

3. Superhero.js

最好的文章，视频和演示文稿，以帮助前端开发人员保持较大的 JavaScript 代码库的集合。包括有一些普遍原则型的东西，对测试工具，性能，安全性和更多的资源。

4. HowToCoffeeScript.com

学习和记忆 CoffeScript 语法的速查手册。

5. The HTML Landscape

这是非常有趣的。这是 W3C 文档，它描述了3个 HTML 规范之间的“可感知的差异”： WHATWG、W3C的 HTML5.0 和W3C的 HTML5.1 。可能是有点过于技术性，但你也许可以在这里找到一些有趣的新东西。

6. The Elements of HTML

一个很好的全面的 HTML 和 XHTML 元素的单页图表，用来说明各个元素属于哪个规范。这看起来对做研究真是好，如果元素已过时或在 HTML5 中已过时。

7. JavaScript Equality Table

一个很不错的3层的图表，帮助您了解 JavaScript 的 == 和===操作符。结论是应该使用===操作符，除非你完全明白==发生了转换。

8. Web Accessibility Checklist

一个有用的，但不是压倒性的参考，以帮助您检查过各种元素在你的项目中的可访问性。很多，这是非常简单的，除了做辅助验证已。

9. Static Web Apps — A Field Guide

根据介绍：“本指南将为您介绍的静态 Web 应用程序世界，并提供解决方案，同时建立他们遇到的共同挑战。

10. Learn regular expressions in about 55 minutes

丰富的文档和教程，介绍正则表达式。它所宣称的55分钟或者更长的时间才能真正得到的东西，但绝对值得一试。

11. Open Web CSS Reference

这是一个非常全面的，鲜为人知的 CSS 属性和功能的参考。按字母顺序排列，包括链接到规范页面。

12. CSS Values

这是一个简单的方法来查找一个 CSS 属性并快速查看可能的值。例如，如果你忘了什么样的价值观是可以接受的，如字体变形。除了值，最新的更新包括浏览器支持的每个属性的图表。

13. ES6features

由微软的开发者卢克霍本整理的东西，ECMAScript6 规范的概述。对于前端开发人员，这将是有益的，开始逐渐熟悉这个东西。

14. Relevant Spec Links

我经常很难找到在规范的引用的一些正确的地方。这是一个很好的简要，总结从 Mozilla 获取的你需要知道的有关规范的链接。

15. OverAPI.com

史上最全的开发人员在线速查手册！这个网站收集了众多对开发人员非常有用的手册，记得分享和推荐一下哦。

16. JavaScript: The Right Way

一个 JavaScript 指南，旨在引领入门人员，并帮助有经验的人到 JavaScript 的最佳实践。

17. The HTML5 JavaScript API Index

一个真正全方位一站式的地方寻找 HTML5 API 的信息。很容易使用3窗格视图导航“自动从 HTML5 规范文件生成” 。

18. Zeal

这看起来相当整洁。这是一个原生的应用程序，可以让你离线搜索130多个API文档。简单的键盘快捷键，你可以从你的工作区的任何位置显示API的浏览器。

19. The Ultimate Flexbox Cheat Sheet

一个广泛引用，以帮助您找到flexbox语法和刷上不太熟悉的东西。

20. jsCode

一个应用程序，以帮助您创建自己的自定义 JavaScript 编码准则。您也可以看看别人和你分享与你的团队或其他合作者创建的自定义指南。

您可能感兴趣的相关文章

本文链接：推荐20个很有帮助的 Web 前端开发教程和文档

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

随机推荐

跳转页面，传递参数——android
android 跳转页面并传递对象(实体类)——项目中是集港收货类网上资料:两种传递方法Serializable,parcelable 优劣比较:Serializable数据更持久化,网络传输或数据 ...
将图片在指定窗口中显示-OpenCV应用学习笔记一
1.OpenCV模块划分 OpenCV其实就是一堆用C和C++语言来实现计算机视觉算法的源代码文件:例如C接口函数cvCany()实现了Canny边缘提取算法,我们可以直接将这些源代码添加到自己的软件 ...
【C++自绘控件】如何用GDI+来显示图片
在我们制作一个应用软件的时候往往需要在窗口或控件中添加背景图.而图片不仅有BMP格式的,还有JPEG.PNG.TIFF.GIF等其它的格式.那么如何用jpg格式的图片来当背景呢? 这里用到了GDI+, ...
storysnail的Linux串口编程笔记
storysnail的Linux串口编程笔记作者 He YiJun – storysnail<at>gmail.com 团队 ls 版权转载请保留本声明! 本文档包含的原创代码根据Ge ...
Apple II DOS 源代码发布
加州山景城的计算机历史博物馆不仅仅展示硬件,还展示软件.博物馆此前已发布了著名软件MacPaint .Photoshop和APL的源代码,现在它公开了1978年的Apple II DOS源代码.源代码 ...
node(md5)
md5是一种信息-摘要算法,即针对一段明文给出一个hash值,在密码学中最经典的用法是验证数据的完整性,因为一旦原始数据发生改变那么生成的摘要也必将不同. 网络中md5可以用于用户密码的加密,即在数据 ...
走进AngularJs(八) ng的路由机制
在谈路由机制前有必要先提一下现在比较流行的单页面应用,就是所谓的single page APP.为了实现无刷新的视图切换,我们通常会用ajax请求从后台取数据,然后套上HTML模板渲染在页面上,然而a ...
[安卓] 19、一个蓝牙4.0安卓DEMO
一.工程结构&概述整个应用包含两个按钮,一个是搜索所有蓝牙设备,另一个是连接所有蓝牙设备~ 下面是整个工程的文件结构: 二.代码业务流程跟踪 2.1.两个按钮下面讲讲该工程里的主要跳转流程 ...
学习Scala01 环境安装
Scala是一门运行在jvm上的多范式语言,作为一个java程序员,使用Scala来写写程序,既不用担心会没有java强大的库支持,又能快速地写出简短强悍的代码,除此之外scala还为我们提供了强大的 ...
SmartImageView
== public class SmartImageView extends ImageView { public SmartImageView(Context context) { super(co ...

推荐20个很有帮助的 Web 前端开发教程

1. CSS Vocabulary

2. Liquidapsive

3. Superhero.js

4. HowToCoffeeScript.com

5. The HTML Landscape

6. The Elements of HTML

7. JavaScript Equality Table

8. Web Accessibility Checklist

9. Static Web Apps — A Field Guide

10. Learn regular expressions in about 55 minutes

11. Open Web CSS Reference

12. CSS Values

13. ES6features

14. Relevant Spec Links

15. OverAPI.com

16. JavaScript: The Right Way

17. The HTML5 JavaScript API Index

18. Zeal

19. The Ultimate Flexbox Cheat Sheet

20. jsCode

您可能感兴趣的相关文章

推荐20个很有帮助的 Web 前端开发教程的更多相关文章

随机推荐

热门专题