2. it技术
  3. 前端必备网站（纯手工输入）

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

it2025-01-28  14

前端网站分享

HTMLHTML开发手册HTML5元素周期表HTML5 源码之家文字快速转HTML表格工具CSS、HTML笔记flex布局经典游戏（flexbox froggy） CSSCSS技巧CSS特效CSS阴影代码生成器CSS各种样式美化Less 快速入门在线CSS中文文档11个Html和CSS 动态免费代码CSS中的贝塞尔曲线调试工具 JSCDN在线资源码农教程MDN JS 学习（最爱的前端网站）JS资源（一个很棒的个人网页）问答变成资料库阮一峰 JavaScript 的基本语法阮一峰 ES6 入门廖雪峰发官方网站（JavaScript很好的教程）现代JavaScript教程 博客/社区博客鱼C工作室极客帮写一些单页面的demo用这个写一些项目用这个阮一峰的网络日志——开发者手册产品大牛网（里面有很多原型可以学习）知乎一站式开发者成长社区纯源码解析博客MDN官网（前端必用，帮助很大）掘金网（很多大牛每天更新日志）异步社区（致力于优质IT知识的出版和分享）图灵社区腾讯云老李前端文档 国外技术网站AlteredQualiaCodePenStack OverflowHacker News DigestLearn to code at home（free code camp）MDN官网（前端必用，帮助很大） 国内网站菜鸟教程jQuery 插件库jQuery APIAnt Design UI 库专业的技术性文章网站首推B站（无广告，全免费） 图片GIF 截图网站（很好用）轻便截图工具Snipaste（简单好用）国外的配色网站这7个图片网站下载免费：清新、简约壁纸网站图片格式转 icon 格式免费图床（图床：一般是指储存图片的服务器，有国内和国外之分。）图片压缩工具网站素材图片阿里矢量图标库字体图标网站消除图片中的背景 刷题大前端面试题库牛客网（做题，找工作）Codewars刷题网站力扣做题赛码github前端开源3000+道面试题项目 代码仓库GitHubGitee 码云 谷歌插件谷歌插件库谷歌浏览器背景插件Fatkun 图片批量下载插件 框架bootcdn前端开源代码 其它前端学习路线图中文字体Unicode编码前端各种软件工具下载前端学习路线IT教程吧网站收藏工具（专门收藏网站的）Typora（一款轻便的markdown编辑器）Vnote（更懂程序员和Markdown的一个笔记软件）Xmind（一款免费的思维导图编辑器）Q 源码购买PHP中文网（很多工具下载）草料（二维码生成器）在线PSPS 切图工具免费接口Axure Rp (快速网站原型设计工具)蓝湖（高效的产品设计协作平台）Git Community Book 中文版

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/

博客/社区

博客

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/#/

国外技术网站

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/

Q 源码购买

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

—未完待续—

最新回复(0)