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

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

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

 1. CSS Vocabulary

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

 2. Liquidapsive

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

Liquidapsive

 3. Superhero.js

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

Superhero.js

 4. HowToCoffeeScript.com

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

HowToCoffeeScript.com

 5. The HTML Landscape

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

[[145924]]

 6. The Elements of HTML

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

The Elements of HTML

 7. JavaScript Equality Table

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

JavaScript Equality Table

 8. Web Accessibility Checklist

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

Web Accessibility Checklist

 9. Static Web Apps — A Field Guide

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

[[145925]]

 10. Learn regular expressions in about 55 minutes

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

Learn Regular Expressions in 55 Minutes

#p#

 11. Open Web CSS Reference

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

Open Web CSS Reference

 12. CSS Values

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

[[145926]]

 13. ES6features

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

ES6features

 14. Relevant Spec Links

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

Relevant Spec Links

 15. OverAPI.com

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

[[145927]]

 16. JavaScript: The Right Way

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

[[145928]]

 17. The HTML5 JavaScript API Index

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

The HTML5 JavaScript API Index

 18. Zeal

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

Zeal

 19. The Ultimate Flexbox Cheat Sheet

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

[[145929]]

 20. jsCode

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

[[145930]]

责任编辑:王雪燕 来源: 梦想天空的博客
相关推荐

2015-10-27 11:02:06

Web开发CSS 库

2014-06-13 11:26:53

CSS库Web开发

2023-11-04 15:53:51

开源JavaScrip

2009-09-01 09:22:52

Web开发文章

2011-05-16 08:37:56

JavaScript库

2015-11-03 14:38:49

webangularJS工具推荐

2016-03-23 09:46:40

移动前段开发

2013-08-15 09:52:45

开发框架开发工具开发脚本

2020-05-14 11:17:51

前端开发技术

2009-08-08 08:52:56

GoogleChromeFirefox

2022-10-08 14:26:09

开发Web工具

2021-07-28 14:14:09

JavaScript开源框架

2011-05-25 09:05:06

2021-11-02 15:07:22

Web前端开发

2022-12-07 15:01:47

2013-09-04 14:49:10

移动Web前端开发设计理念

2011-08-22 10:11:03

JavaScript

2020-05-18 13:35:03

Web前端开源框架

2020-04-15 10:26:47

Web前端开发开源框架

2020-04-15 16:10:24

Web前端开源框架
点赞
收藏

51CTO技术栈公众号