Front-end essential website (input by hand)

HTML

HTML Development Manual

https://www.php.cn/html/html-colorvalues.html

---

HTML5 Periodic Table

https://www.xuanfengge.com/funny/html5/element/

http://www.html5star.com/manual/html5label-meaning/

---

HTML5 source code home

https://www.mycodes.net/162/

---

Text to HTML table tool

http://pressbin.com/tools/excel_to_html_table/index.html

---

CSS, HTML notes

https://github.com/seven-Panda/Learning-HTML-CSS

---

CSS

CSS skills

https://css-tricks.com/

---

CSS special effects

https://cssfx.netlify.app/

---

CSS shadow code generator

https://www.cssmatic.com/box-shadow

---

CSS various style beautification

https://element.eleme.cn/#/zh-CN

---

Less quick start

https://less.bootcss.com/

---

Online CSS Chinese document

http://css.cuishifeng.cn/position.html

---

11 Html and CSS dynamic free codes

http://www.yinxi.net/doc/show_3201.html

---

JS

CDN online resources

https://cdnjs.com/

---

MDN JS learning (favorite front-end website)

https://developer.mozilla.org/zh-CN/docs/learn/JavaScript

---

JS resources (a great personal web page)

https://www.cntofu.com/book/171/index.html

---

Ruan Yifeng JavaScript basic syntax

https://wangdoc.com/javascript/basic/grammar.html

---

Ruan Yifeng Introduction to ES6

https://es6.ruanyifeng.com/

---

Liao Xuefeng posted the official website (a good JavaScript tutorial)

https://www.liaoxuefeng.com/

---

Modern JavaScript tutorial

https://zh.javascript.info/

---

Blog/community

CSDN blog

https://www.csdn.net/nav/web

---

Fish C Studio

https://fishc.com.cn/

---

Geek Gang

https://www.infoq.cn/

---

Use this to write some single-page demos

https://codepen.io/

---

Write some projects use this

https://codesandbox.io/

---

Product Daniu.com (There are many prototypes to learn from)

https://www.pmdaniu.com/explore

---

Know almost

https://www.zhihu.com/

---

One-stop developer growth community

http://www.cocoachina.com/

---

Pure source code analysis blog

http://www.iocoder.cn/?bilibili&av87847392

---

MDN official website (front-end must be used, very helpful)

https://developer.mozilla.org/en-US/

---

Nuggets (many big cows update their logs every day)

https://juejin.im/frontend

---

Tencent Cloud

https://cloud.tencent.com/

---

Foreign technology website

AlteredQualia

https://alteredqualia.com/

---

CodePen

https://codepen.io/

---

Stack Overflow

https://insights.stackoverflow.com/trends

---

Hacker News Digest

http://hackernews.betacat.io/

---

Learn to code at home（free code camp）

https://www.freecodecamp.org/

---

MDN official website (front-end must be used, very helpful)

https://developer.mozilla.org/en-US/

---

Domestic website

Novice Tutorial

https://www.runoob.com/

---

jQuery plugin library

https://www.jq22.com/

---

Professional technical article website

https://coolshell.cn/articles/19840.html

---

The first stop B (no ads, all free)

https://www.bilibili.com/

---

image

GIF screenshot site (very easy to use)

https://www.cockos.com/licecap/

---

Foreign color matching websites

https://www.uisdc.com/best-22-color-website

https://colorhunt.co/

The following selected websites are very good:
https://www.colorschemer.com/html-color-codes/
https://www.degraeve.com/color-palette/index.php (Give the picture address, you can take it out Picture color)
http://www.colortools.net/color_picker_web-safe.html
https://uigradients.com/#Virgin (gradient color website)

---

These 7 image sites are free to download:

http://sc.chinaz.com/tupian/151216525721.htm

---

Fresh and simple wallpaper website

http://simpledesktops.com/

---

Free picture bed (picture bed: generally refers to the server that stores pictures, there are domestic and foreign points.)

https://sm.ms/
https://www.picgd.com/
https://moetu.org/

---

Image compression tool

Giant panda: https://tinypng.com/

---

Website Material Picture

https://www.php.cn/xiazai/sucai

---

Ali vector icon library

https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2

---

Remove the background in the picture

https://www.remove.bg/zh

---

Brush questions

Big front-end interview question bank

http://bigerfe.com/

---

Niuke.com (doing questions, looking for work)

https://www.nowcoder.com/

---

Codewars website

https://www.codewars.com/

---

Do the problem

https://www.lintcode.com/accounts/signup/
https://leetcode-cn.com/ (Chinese website)

---

Match code

https://exercise.acmcoder.com/comp_ques?type=0

---

Code warehouse

GitHub

https://github.com/

---

Gitee code cloud

https://gitee.com/

---

Google plugin

Google Plugin Library

https://chrome.pictureknow.com/

---

Google Chrome background plugin

https://www.themebeta.com/chrome-theme-creator-online.html

---

Fatkun image batch download plugin

https://chrome.pictureknow.com/extension?id=41ffa47fa94d4427a1025588fa549d63

---

other

Front-end learning roadmap

https://objtube.gitee.io/front-end-roadmap/#/

---

Chinese font Unicode encoding

https://tool.lu/fontfamily/

---

Front-end software tool download

https://www.bilibili.com/read/cv6461930

---

Front-end learning route

https://objtube.gitee.io/front-end-roadmap/#/

---

IT tutorial

https://www.itjc8.com/forum-36-1.html

---

Website Collection Tool (Special collection of websites)

https://withpinbox.com/

---

Typora (a lightweight markdown editor)

https://typora.io/

---

Xmind (a free mind map editor)

https://www.xmind.cn/

---

QCSDN source code purchase

http://qcsdn.com/index/order.html?id=ad2ce754-b585-4e99-87bb-9b4611442da3

---

PHP Chinese website (many tools to download)

https://www.php.cn/

---

Forage (QR code generator)

https://cli.im/

---

—To be continued —