preface

Collect some useful websites, use them for yourself and share them, that’s all.

The front-end navigation

Front-end navigation site, the most complete front-end development address navigation.

ECMAScript proposals

There are five stages in the ES proposal, from Stage 0 to Stage 4.

  • Stage 0 Proposals
  • Stage 1 Proposals
  • Stage 2 Proposals
  • Stage 3 Proposals candidates
  • The Proposals are completed

And then there are Inactive Proposals, which are Proposals that are not activated.

The premise is to know various proposals of ES, know more about them, look forward to them and like them more.

ECMA-262ECMAScript specification

The most accurate and up-to-date ECMAScript specification. ES6 proposals mainly describe functionality, while specifications describe the implementation process and details.

When things are uncertain, learn the rules first. Literature review preferred MDN + ECMAScript specification.

HTML protocol Standard

Back to basics, the way of Kings.

At whatwg.org/, we use the HTML protocol standard most often

Google sites

  • developers.google.cn/webGoogle Web technology is here
  • Devtools new features

    Chrome DevTools is a new feature.
  • web.dev

    Let’s build the future of the web

CSS Reference Manual

Perfect classification, mom and dad no longer worry that I can not find what attributes to use, but also provide CHM format version of the e-book download, worth you have.

The disadvantage is that the cases are not rich enough.

CSS TriggersList of CSS properties redrawn and rearranged

Is it not clear which attribute changes will cause redraw or rearrangement? That’s okay. I’ll give you a list.

CSS-TricksCSS practice

Most of it is about how to implement a CSS effect, and then there are some CSS best practices, such as responsive layout, Flexbox properties elaboration, or implementing a particular component.

TinyPngImage compression

Image compression ratio is very good, it has external API, but also extended in addition to a lot of compression library.

Similarly, they are very good, you can choose your own options.

  • Wisdom figure
  • Squoosh

caniuseCompatibility Check

Check compatibility prerequisites. Query CSS or JavaScript features with a list of which browsers support them and which do not.

CSS Sprites Generator

Create CSS Sprites online, merge images and generate styles.

free-api

Statistics on the net many free API, for you to collect free interface services.

Web Technology Survey

W3Techs provides information about the use of various technologies on the Web.

Isn’t it interesting that jQuery is still the number one site on the World Wide Web?

Modern JavaScript Tutorial

The core content of the course consists of two parts, covering knowledge of the JavaScript programming language and browser behavior. There is also a series of feature articles.

Online PSD

PSD is too big, need to use occasionally, let’s have an online 666. Of course, the function is not particularly complete, but also can make do with.

Online Babel

Online Babel, converter, can generate different versions of the code by setting targets.

MDNWeb Developer Documentation

Full name Mozilla Developer Network.

The first choice for basic information, w3School, CSDN, nuggets, etc., is not appropriate. And preferably in English. There’s a lot of documentation for Web development, as well as node.js and Express development on the back end. The documentation is authoritative, comprehensive, and up-to-date.

ES6 Tutorial

Soft ES6 manual, free, one word cool!

Hang link audit however, personally line Baidu search.

Wikipedia – Chinese

Query some terms, Baidu Encyclopedia is obviously pale. Wikipedia will help you solve your problems. If English is not good, Chinese will help you.

stack overflowError screen

A good place to ask questions.

github Trending

GitHub is currently the most popular repository.

Online toolset

There are a lot of interesting gadgets in there. Of course, there are a lot of little things that chrome can do these days. FEHelper is great.

icon fontVector icon library

Vector icon library with rich content, vector icon download, online storage, format conversion and other functions.

codepen.io

Online code editing, blog writing, code sample tools. Including MDN.

And similarly

  • jsbin.com
  • Stackblitz

npm statPersonal NPM package download statistics

There are two dimensions, the user dimension and the package dimension.

World to HTML

Convert the world file to HTML, 666.

Of course, there is another online Word to HTML

AST ExplorerOnline Conversion AST

There is also a similar Esprima: Parser

CarbonCode to generate beautiful images

Source code to generate beautiful images.

CoderbyteProgramming challenges

It’s better to challenge yourself with coding and interviewing.

Look at the cloud

Look cloud focuses on document online creation, collaboration, sharing and hosting services, is committed to providing the best online creation and reading experience, so that enterprises and individuals can more conveniently publish and manage their own documents.

Individuals on the line to take notes and write small things, very convenient.

javascript.fun

Displaying popular rankings makes it easy to find the latest code plug-ins, tools, scaffolding, blogs, and more.

other

  • W3.org W3C is the World Wide Web Consortium, a standard for HTML, XHTML, CSS, and XML.

  • Good quality inside the front end

  • WEB Security color 216 WEB security color

  • Egghead. IO is a popular framework or library or knowledge.

Write in the last

Your praise and comments are the biggest motivation for me to move forward.

reference

87 Front-end Development Sites 11 Front-end Engineer Sites Share 20 Daily Front-end development sites