20 documents and guides on front-end development-Go

20 documents and guides for front-end development developer Cssjavascripthtmlweb Summary:Front-end developers believe that a lot of people will have two feelings: really at a loss, how many things the industry needs to learn, eager to more, and can't wait for the next study to seek some direction of thought. This article organizes some useful information and hopes to help front-end developers in related areas.

I believe that in the 2015 many people in this industry will have the two feelings:

1. Really at a loss, the industry exactly how many things need to learn;
2. Eager for more, and can't wait for the next study to seek some direction of thought.

The first one comes from our personal feelings, while the second one is purely necessary. So this article has compiled some useful information, hoping to help front-end developers in related fields.

1. I want to use

Based on the data and functionality of can I use, this app gives you the ability to select a set of front-end development features and will read a percentage of what a global user can use it.

2. Regulex

A visual tool for JavaScript regular expressions that dynamically generates an expression picture after an online input of an expression. Very good one Visual Web online regular Expression Design tool.

3. Mastering The:nth-child

A single-page Web site that helps you understand how to use a variety of useful but complex selector-based combinations of nth-child.

4. HTML 5 Video events and APIs

This page shows the new HTML 5 video elements, media APIs, and media events. Play, pause, search the entire video, change the volume, mute, change the playback speed (including entering negative values), and view the effects on the video and potential events and attributes.

5. Excess XSS

This may be a topic that all developers should be familiar with, and this may be a good starting point. It is a comprehensive tutorial for cross-site scripting.

6. Rscss

This means "reasonable standard for CSS Stylesheet Structure (a reasonably structured CSS style sheet)", documenting some of the sass/css writing techniques and techniques for large projects.

7. Codefightclub

A project built by Andrew Hathaway to help other developers learn how to write code in the best, most efficient, and preferred way.

8. Sass Guidelines

Hugo Giraudel wrote SASS Guidelines has now been translated into six other languages.

9. Flexbugs

If your goal is to build a website using Flexbox, and things aren't going as you'd expect, you can find a solution here.

A Front end Engineer's Manifesto (declaration of a front-end engineer)

Nothing in depth, just some simple hints, all front-end developers should consider incorporating them into the development process and workflow.

ECMAScript 6 equivalents in ES5

A good reference to the ES6 attribute conversion to the es5-compatible code.

Flexbox Adventures

From developer Chris Wright's deep, practical view of Flexbox.

BEM.

A Web site that comprehensively promotes and fosters the use of Bem CSS.

Sass compatibility

Records incompatibilities between different sass engines.

Htmlelement.info.

A neat, logical, easy-to-use guide specification that gets information on different HTML elements.

JSLint Error Explanations

You may have followed many JavaScript best practices, but you don't understand the reasons behind all of these technologies. This site is designed to uncover errors and warnings in JSLint, Jshint, and eslint tools.

Animations--web Foundation

There is a lot of useful information in the Google Web Base document, and animations is especially important for front-end developers.

Favicon Cheat Sheet

A number of different articles on desktop and mobile labeling are organized.

The CSS at ...

Dash

Dash is an API document browser and code Snippet manager. (compilation: Chen Ming)

20 documents and guides on front-end development-Go