前端必备网站（纯手工输入）

HTML

HTML开发手册

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

---

HTML5元素周期表

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

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

---

HTML5 源码之家

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

---

文字快速转HTML表格工具

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

---

CSS、HTML笔记

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

---

flex布局经典游戏（flexbox froggy）

http://flexboxfroggy.com/

---

CSS

CSS技巧

https://css-tricks.com/

---

CSS特效

https://cssfx.netlify.app/

---

CSS阴影代码生成器

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

---

CSS各种样式美化

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

---

Less 快速入门

https://less.bootcss.com/

---

在线CSS中文文档

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

---

11个Html和CSS 动态免费代码

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

---

CSS中的贝塞尔曲线调试工具

https://cubic-bezier.com/#.17,.67,.83,.67

---

JS

CDN在线资源

https://cdnjs.com/

---

码农教程

http://www.manongjc.com/javascript/javascript_tutorial.html

---

MDN JS 学习（最爱的前端网站）

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

---

JS资源（一个很棒的个人网页）

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

---

问答变成资料库

https://www.sou-xun.com/column/javascript.html

---

阮一峰 JavaScript 的基本语法

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

---

阮一峰 ES6 入门

https://es6.ruanyifeng.com/

---

廖雪峰发官方网站（JavaScript很好的教程）

https://www.liaoxuefeng.com/

---

现代JavaScript教程

https://zh.javascript.info/

---

博客/社区

CSDN博客

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

---

鱼C工作室

https://fishc.com.cn/

---

极客帮

https://www.infoq.cn/

---

写一些单页面的demo用这个

https://codepen.io/

---

写一些项目用这个

https://codesandbox.io/

---

阮一峰的网络日志——开发者手册

http://www.ruanyifeng.com/blog/developer/

---

产品大牛网（里面有很多原型可以学习）

https://www.pmdaniu.com/explore

---

知乎

https://www.zhihu.com/

---

一站式开发者成长社区

http://www.cocoachina.com/

---

纯源码解析博客

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

---

MDN官网（前端必用，帮助很大）

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

---

掘金网（很多大牛每天更新日志）

https://juejin.im/frontend

---

异步社区（致力于优质IT知识的出版和分享）

https://www.epubit.com/

---

图灵社区

https://www.ituring.com.cn/

---

腾讯云

https://cloud.tencent.com/

---

老李前端文档

http://docs.lipeihua.vip/#/

---

GitHub电子书

https://github.com/itdevbooks/pdf#javascript

---

国外技术网站

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官网（前端必用，帮助很大）

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

---

国内网站

菜鸟教程

https://www.runoob.com/

---

jQuery 插件库

https://www.jq22.com/

---

jQuery API

https://jquery.cuishifeng.cn/

---

Ant Design UI 库

https://ant.design/index-cn

---

专业的技术性文章网站

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

---

首推B站（无广告，全免费）

https://www.bilibili.com/

---

图片

GIF 截图网站（很好用）

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

---

轻便截图工具Snipaste（简单好用）

https://www.snipaste.com/

---

国外的配色网站

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

https://colorhunt.co/

其中下面这些挑选出来的网站很不错：
https://www.colorschemer.com/html-color-codes/
https://www.degraeve.com/color-palette/index.php (给图片地址，可以取出图片的颜色)
http://www.colortools.net/color_picker_web-safe.html
https://uigradients.com/#Virgin （渐变色网站）

---

这7个图片网站下载免费：

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

---

清新、简约壁纸网站

http://simpledesktops.com/

---

图片格式转 icon 格式

http://www.bitbug.net/

---

免费图床（图床：一般是指储存图片的服务器，有国内和国外之分。）

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

---

图片压缩工具

大熊猫：https://tinypng.com/

---

网站素材图片

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

---

阿里矢量图标库

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

---

字体图标网站

https://www.icomoon.io

---

消除图片中的背景

https://www.remove.bg/zh

---

刷题

大前端面试题库

http://bigerfe.com/

---

牛客网（做题，找工作）

https://www.nowcoder.com/

---

Codewars刷题网站

https://www.codewars.com/

---

力扣做题

https://www.lintcode.com/accounts/signup/
https://leetcode-cn.com/（中文网）

---

赛码

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

---

github前端开源3000+道面试题项目

https://github.com/haizlin/fe-interview

---

代码仓库

GitHub

https://github.com/

---

Gitee 码云

https://gitee.com/

---

谷歌插件

谷歌插件库

https://chrome.pictureknow.com/

---

谷歌浏览器背景插件

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

---

Fatkun 图片批量下载插件

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

---

框架

bootcdn前端开源代码

https://www.bootcdn.cn/

---

其它

前端学习路线图

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

---

中文字体Unicode编码

https://tool.lu/fontfamily/

---

前端各种软件工具下载

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

---

前端学习路线

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

---

IT教程吧

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

---

网站收藏工具（专门收藏网站的）

https://withpinbox.com/

---

Typora（一款轻便的markdown编辑器）

https://typora.io/

---

Vnote（更懂程序员和Markdown的一个笔记软件）

https://vnote.readthedocs.io/zh_CN/latest/#

---

Xmind（一款免费的思维导图编辑器）

https://www.xmind.cn/

---

QCSDN 源码购买

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

---

PHP中文网（很多工具下载）

https://www.php.cn/

---

草料（二维码生成器）

https://cli.im/

---

在线PS

https://www.photopea.com

---

PS 切图工具

http://www.cutterman.cn/zh/cutterman

---

免费接口

http://www.apishop.net

---

Axure Rp (快速网站原型设计工具)

http://axure.intertechnology.cn/

---

蓝湖（高效的产品设计协作平台）

https://lanhuapp.com/

---

Git Community Book 中文版

http://gitbook.liuhui998.com/index.html

---

—未完待续—