Recommended 20 helpful WEB front-end development tutorials

In my usual search, I came across a lot of interesting information, applications and documents, and I sorted them out in the list below. This is a great way to collect the useful content you encounter and can be easily consulted when you need it. I believe you will find useful information in this list.

Related articles that may be of interest to you

• Web front-end developers and designers must read a collection of articles
• Ten JavaScript frameworks with a rich UI component
• 10 carefully selected online CSS3 code generation tools
• The eight best cloud integrated development environments required by a developer
• 2012 Best Web front-end development tools and frameworks

1. CSS Vocabulary

A great point-and-click Small app that lets you speed up mastering the different parts of CSS syntax and learn the correct names for each property.

2. liquidapsive

A simple informational layout, by selecting the box way, allows you to choose between responsive, adaptive, mobile and static layouts, so you can see the difference between the four layout types.

3. Superhero.js

The best articles, videos and presentations to help front-end developers keep a large collection of JavaScript code libraries. There are some general principles of things, for testing tools, for performance, for security, and for more resources.

4. howtocoffeescript.com

Learn and memorize a quick guide to Coffescript Grammar.

5. The HTML Landscape

This is very interesting. This is the "the"? Document, which describes the "perceptible differences" between the 3 HTML specifications: WHATWG, HTML5.0, and HTML5.1. It may be a bit too technical, but you might be able to find some interesting new things here.

6. The Elements of HTML

A well-rounded single-page diagram of HTML and XHTML elements that describes which specification each element belongs to. This looks really good for research, if the element is obsolete or obsolete in HTML5.

7. JavaScript Equality Table

A nice 3-layer chart to help you understand JavaScript = = and = = = Operators. The conclusion is that you should use the = = = operator Unless you fully understand that = = has been converted.

8. Web Accessibility Checklist

A useful, but not overwhelming, reference to help you check the accessibility of various elements in your project. Many, this is very simple, except to do the auxiliary verification already.

9. Static Web apps-a Field Guide

According to the introduction: "This guide will introduce you to the world of static Web applications, and provide solutions while building the common challenges they encounter."

Learn regular expressions in about minutes

Extensive documentation and tutorials that describe regular expressions. It claims 55 minutes or more to actually get something, but it's definitely worth a try.

One. Open Web CSS Reference

This is a very comprehensive, well-known reference to CSS properties and features. Arranged alphabetically, including links to specification pages.

CSS Values

This is an easy way to find a CSS property and see the possible values quickly. For example, if you forget what values are acceptable, such as font morphing. In addition to the values, the latest updates include charts for each property that the browser supports.

Es6features.

Compiled by Microsoft Developer Luckhoben, an overview of the ECMASCRIPT6 specification. For front-end developers, it would be useful to start getting familiar with this stuff.

Relevant Spec Links

I often have difficulty finding some of the right places in canonical references. This is a good brief to summarize the links you need to know about the specification obtained from Mozilla.

Overapi.com.

The most complete developer online Quick check manual! This site collects many manuals that are very useful to developers, and remember to share and recommend them.

Javascript:the Right-you

A JavaScript guide that is designed to lead the beginner and help experienced people to best practices for JavaScript .

The HTML5 JavaScript API Index

A truly all-round, one-stop place to find information about the HTML5 API. It is easy to use the 3 pane view to navigate "Automatically generate from HTML5 spec Files".

Zeal this looks pretty neat. This is a native application that allows you to search offline for more than 130 API documents. With simple keyboard shortcuts, you can display the API's browser from any location in your workspace.

The Ultimate Flexbox Cheat sheet A wide range of references to help you find Flexbox grammar and brushes on something less familiar.

Jscode an application to help you create your own custom JavaScriptCoding guidelines. You can also look at others and share with you custom guides created by your team or other collaborators.

Related articles that may be of interest to you

• 10 sets of beautiful free web site management system templates
• Recommended 8 Excellent free WEB security testing tools
• 60 Cool JQuery Slideshow demos and Downloads
• 8 stunning HTML5 and JavaScript effects
• 35 Exquisite CSS3 and HTML5 Web templates

This article links: recommended 20 helpful WEB front-end development tutorials and documentation

Compilation Source: Dream Sky focus on front-end development technology sharing web design resources

This article comes from "Dream Sky (http://www.cnblogs.com/lhb25/)"

Recommended 20 Helpful WEB front-end development tutorials