Condensed the front-end nourishing soup of these 20+ sites ~ dried ❗

Preface

Seeing that many friends have shared their useful and fun sites, I am also a fan of collecting tool sites.
Since there are some more common websites, many people have already shared them. Below are some very good websites that I have selected from hundreds of websites in my favorites. I personally think that these are very useful for front-end partners. Help, these 20+ sites hope to help you along the way!

Originality is not easy! Like and encourage~🧡

freeCodeCamp

It has been occupying the No.1 project of gitHub, and it has 329k stars!!! My goodness~ When will my open source project have a fraction of its stars~

There are more than 500 kinds of tutorials, code live, self-study properly!
For details, please poke →: freeCodeCamp

JavaScript Weekly

Every week, we will send you the latest JavaScript articles, news and newsletters of cool projects, and subscribe by filling in the email address on the web page, and never be afraid of falling behind~
With it, you can learn about the latest JavaScript news and the latest basic trends in real time!
At present, 177,401 subscribers have been posted to 554 issue
For details, please poke →: JavaScript Weekly

JavaScript Tips

A lot of JavaScript tips, my god~ just watch two when you eat, sleep, and go to the toilet, and your skills will rise awkwardly!
Of course, you can also submit your tips to the site, which is very interesting~
For details, please click →: JavaScript Tips

JavaScript One line of code

Is your code concise enough? Want to know more code concise techniques? Look here!

So far, 286 JavaScript lines of code have been collected to help you write more powerful JavaScript code!

For details, please poke →: JavaScript One line of code

30SecondsOfCode

At present, a large number of short codes have been compiled. In our leisure time, we can learn some examples in it. This is also a very good site!

A short code snippet that meets all your development needs in 30 seconds of JavaScript code!

For details, please click →: 30SecondsOfCode

GRID GARDEN

There are 28 levels in total. It will take you to learn the grid layout in a game mode, which is very easy, and there is no need to memorize boring rote~
The good thing is that it supports Chinese, and the levels of the game are also very simple, easy to understand, and learning through entertainment is my favorite!

For details, please poke →: GRID GARDEN

mojs

With simple few lines of js code can write very cool animation effect!
It is also a very interesting weapon in development!
For details, please stamp →: mojs

CodePen

A large number of fun works, you can download a lot of gadgets to assist in development~ Support online editing, and upload your works as soon as possible~

For details, please poke →: CodePen

color Hunt

As a front-end programmer, don't know how to match colors?

Don't be afraid, here are the best color combinations for you to choose!
Color Hunt, as the palette of designers and artists, hurry up and explore the latest and selected color schemes~

For details, please poke →: color Hunt

non-destructive enlargement image

We all know that the magnification of pictures is bound to cause distortion, so how can the pictures be magnified losslessly?
This Japanese brother, based on deep learning, completed this function

For details, please poke →: non-destructive enlargement of the picture

w3c standard inspection

Check the CSS content in Cascading Style Sheet (CSS) documents and HTML or XHTML documents

You can check whether your code strictly complies with w3c standards by entering your site or uploading your related files.

For details, please stamp →: w3c standard inspection

Internet Archive

For example, you want to look at Google, Baidu five or six years ago, look at last year's Nuggets, last year's bilibili, etc. The page composition and style of the site...

Can be found here

For details, please stamp →: Internet Archive

sketchToy

A super super super super easy to use of free online drawing application , allows you to share your work with friends progressive playback . No registration required.
Its biggest highlight is that it can be shared with your friends and replay your drawing process step by step! It is a very interesting tool.
For details, please click →: sketchToy

AirDroid

AirDroid is a fast and free application to manage your device wirelessly through a web browser.
That is, you can link and manage your or others' mobile phones through the web pages on the web side.

For details, please click →: AirDroid

img2css

This is a tool that can convert any image into a pure css image.
It's CSS, not Base64. The specific implementation of the underlying layer should be more complicated. It's a very interesting site.
For details, please click →: img2css

WallHaven

At present, I think one of the best picture material website , whether it is used as a wallpaper or as a site resource image is very good!

For details, please poke →: WallHaven

ih5

Currently very popular low code, this platform is zero code ih5 , through drag and drop, generate the h5 page you want, and can also make games and panoramic 3D posters, it is not too handsome~

For details, please poke →: ih5

template king

A large number of finished commercial site templates, blogs, official websites...you can use them~ download their source code for free!
A very conscientious website!

For details, please poke →: template king

Figma

UI design tools on the web, mainly because it is free

For details, please poke →: Figma

flagCounter

Simply embed the code generated by it into your site, and you can record which countries all visitors to your site come from~
For details, please poke →: flagCounter

finally

I am Rongding, and I am very happy to be strong here with you! me with 161357ca375afe for happy programming! 😉
Follow my public to get more fun and interesting front-end knowledge. If you are also passionate about technology and fascinated by it, welcome to add my personal WeChat (ChicSparrow), I will pull you into the group to communicate and learn together~ 🦄