前端导航

Javascript

• Javascript
• TypeScript
• Node.js
• Vue
• React
• Angular
• Jquery
• Electron
• ES5
• ES6
• lodash

HTML

• Html.com
• Html特殊字符编码对照表
• HTML5标签速查

CSS

• Css手册
• Css参考文档
• Ctrip webkitcss

Markdown

• Markdown 语法说明
• Markdown 简明语法手册
• Markdown 公式指导手册

技术图谱

• Platform
• WebFrontEndStack
• Frontend Knowledge Structure

综合

• Overapi
• Devdocs
• Apidocs

• Codepen
• Jsfiddle
• Jsbin
• Jsdo it
• Cssdesk
• Runjs
• Online-Code-Editor
• Ideone
• Dabblet

IDE/编辑器

• Visual Studio Code
• Sublime Text
• WebStorm
• HBuilder
• Atom
• Notepad++
• Editplus
• Vim
• Dreamweaver
• Xcode
• Aptana
• Coding
• Brackets

Markdown编辑器

• Typora
• MarkdownPad
• Cmd Markdown
• 小书匠

浏览器

• Chrome
• Firefox
• Internet Explorer
• Safari
• Opera

代码美化/对照

• Fehelper
• CodeCompare
• Jscompress
• Css Beautifier
• Csscomb
• Cssfmt

CSS处理

• Less(中)
• Less(英)
• Less工具est
• Sass
• Sass中文文档
• Stylus
• Cssgrace
• Cssreset
• Postcss
• Css2less
• Sublime-Autoprefixer
• Purifycss
• Css小工具
• Css3pie
• Csslint
• IE's css3

图片压缩/合并

• Placehold
• Tinypng
• Gopng
• Spritegen
• Spritecow
• Zhitu

在线制作

• Css3generator
• Caret
• Cssarrow
• Css-Triangle-Generator
• Css3maker
• Cubic-Bezier
• Ceaser
• Css3button
• Enjoycss
• Createcss3
• Flexyboxes
• Type-scale
• Gradient-Editor
• Csscreator
• Keyframes Calculator
• Bootstrap Layoutit
• FormStyleGenerator

转换工具

• Img to Txt
• Px-Em
• Onlinefontconverter
• Freefontconverter
• Daxiaoxie
• 繁简字体转换
• Liantu(二维码)
• Puretext（富文本粘贴为纯文本）
• Ps to Css
• Gif-Video
• Html-Markdown
• Html-Pdf

项目管理

• Webpack
• Grunt
• Gulp
• Fis
• Npm
• Packagecontrol

版本控制

• Svn
• Git

检测/测试

• IETester
• IE官方测试大礼包
• w3c css验证
• w3c html验证
• Jslint
• Html5 Outliner
• Typetester
• Nth-test
• Webfonts
• Css3test

多终端检查/测试

• Responsinator
• Resizemybrowser
• Responsive
• Juicer
• Responsivepx
• Browsersync
• Mobile Validator(移动端代码检测)
• Mihtool

兼容/性能/数据查询

• Screensiz
• Caniuse
• Whatwebcando
• Browserhacks
• Csstriggers
• Modernizr
• Css4-selectors
• 腾讯大数据
• 友盟指数
• cnzz数据中心

性能测试

• Httpwatch
• Fiddler
• Gtmetrix
• Webpagetest
• Pagespeed

综合

• Frontend-tools
• Fetool
• Testdrive
• Tool.css-js
• Cleancss
• Atool
• 在线工具大全
• 前端工具集与站点整理
• Adobe一家
• 设计和前端工具集合

其他

• 截屏测量UI距离
• 自动刷新浏览器
• web开发各种性能工具

综合

• Dowebok
• KitJs
• Effeckt

前端PPT

• Impress.js
• Reveal.js

触屏滚动

• TouchSlide
• Swiper
• Owlcarousel
• Superslide2
• iSlider
• FullPage
• Zepto.fullpage

日期选择器

• jquery-frontier-calendar
• datetimepicker
• pickadate
• flipclockjs
• jq-timeTo
• glDatePicker
• calendarsPicker

图表

• Echarts
• Highcharts(中)
• Highcharts(英)
• Jscharts
• Chart
• Taucharts

弹出层

• sweetalert
• animatedModal
• layer

Chrome插件

• Tampermonkey 油猴
• Vue Devtools
• JSON Viewer
• 极简二维码
• 有道词典

其他

• 下拉刷新、上拉加载
• 懒加载
• textarea自适应高度
• 多行文本溢出clamp-js
• 多行文本溢出dotdotdot
• Letter-by-Letter
• html5shiv(低版本浏览器的HTML5支持)
• jquery-placeholder
• Js复制

UI

• Element UI
• Ant Design
• Ant Design of Vue
• iView
• Vant
• Mint UI
• Bootstrap(英)
• Bootstrap(中)
• Yui
• Foundation
• Jeasyui
• Metroui
• Semantic
• Purecss
• Basscss
• Jqueryui
• Css3lib
• Uikit

Javascript

• Jquery
• Zeptojs
• Angularjs(英)
• Angularjs(中)
• Angularjs社区
• React(英)
• React(中)
• Jslite
• validate表单验证
• Vuejs官方论坛
• Backbonejs
• Avalonjs
• Thinkjs
• Expressjs
• Seajs

Node.js

• Express
• Koa
• Egg.js
• Hapi
• nest.js
• nuxt.js
• next.js

Node.js cms

• Strapi
• KeystoneJS
• Ghost
• Apostrophe CMS
• DoraCMS
• CmsWing

动画库

• Animate
• Anicollection
• Cssshake
• Animatable
• Hover
• Animations
• JXAnimate
• Spinkit
• Velocity动画
• AlloyStick骨骼动画引擎
• Rocket
• Cssynth
• Stylie
• Animo-js
• Anima
• Magic_animations
• Dynamicsjs
• Anijs
• Motio
• Snabbt
• Textillate
• Animsition
• Parallax
• FakeLoader
• Wow
• Bouncejs
• Move
• Easie
• iGrowl
• Morf
• Transit
• Greensock

字体图标

• Iconfont
• Font-Awesome
• Icomoon
• Loveiconfonts
• Glyphter
• Perfecticons
• Xiconeditor
• Fontello
• Glyphicons
• Google Material Design

资源库

• 百度静态资源共享库
• Taobaonpm
• Bootcdn
• Javascripting
• Microjs
• TodoMVC

• Awesomes
• Awesome-css
• Awesome-css中文版
• Awesome-javascript中文版
• Webdesignrepo（很棒的英文网址导航）
• wwwhere
• Nodejs中文资料导航
• AngularJS信息资源大全
• Angular学习资源合集
• cNodejs
• ES6 overview
• 百度IFE
• 前端收藏夹
• Github资源收集
• Responsive resources响应式大全

综合

• 慕课网
• codeschool
• codecademy
• codewars
• 百度前端技术学院
• w3school
• runoob
• busy前端工作室
• hackr

浏览器

• Chrome基础功能篇
• Chrome进阶篇
• Chrome 性能篇
• Chrome 性能进阶篇
• Chrome Chrome 移动篇
• Chrome 插件篇

IDE/编辑器

• 快乐的sublime
• Sublime Text 3使用心得
• Sublime Text3使用总结
• Sublime Text 3实用功能和常用快捷键收集
• Sublime Text 全程指南
• Sublime学习资源
• Best of Sublime Text 3
• Colorsublime配色
• Sublime-text-github
• Vim常用插件
• Atom编辑器快捷键大全

版本控制工具

• Git
• Git教程（廖雪峰）
• 版本管理工具介绍—Git篇
• Git 使用规范流程
• 够用一年的Git 技巧
• Git速查表大全
• Git tutorials

CSS/布局

• HTML+CSS基础课程
• 网页布局基础
• 固定层效果
• 回到顶部效果
• CSS Sprite雪碧图应用
• CSS深入理解之line-height
• CSS深入理解之overflow
• CSS深入理解之float浮动
• CSS深入理解之absolute
• Css3-Tutorial
• Flexbox
• Flexboxfroggy(小游戏)
• Atozcss
• Css-101
• Cssplay

Javascript

• MDN JS教程
• JavaScript 标准参考教程（alpha）
• Jstherightway
• Superherojs
• Javascriptissexy
• Try-Jquery

动画

• CSS动画实用技巧
• 数学知识在CSS动画中的应用
• 全屏切换效果
• animation rocks

Sass

• Sass入门篇
• Sass进阶篇
• Sass-Guideline中文网

Canvas

• Canvas教程（MDN）
• Canvas API方法和属性汇总
• 倒计时效果Canvas绘图与动画基础
• Canvas绘图详解
• Canvas玩转图像处理

SVG

• svg系列文章
• 走进SVG

Markdown

• markdown入门大全
• markdown教程

• w3c中国
• w3help
• w3cplus
• w3ctech
• css88
• div.io
• 前端观察
• 前端乱炖
• 大前端
• 一流前端
• web前端资源网
• 前端早读课
• 前端开发博客
• segmentfault
• IE10开发人员指南
• blueidea
• 极客标签
• HTML5中国
• HTML5学堂
• imweb
• 前端里
• 前端范
• 最虾米
• web技术研究所
• w3cmark
• w3ctrain
• web资料站

• smashingmagazine
• htmldog
• slideshare
• MDN
• csszengarden
• css-tricks
• dev opera
• sitepoint
• codrops
• html5devconf
• webdesignerdepot
• sixrevisions
• github
• oreilly
• tutorialzine
• getawesomeness
• html5rocks
• tutsplus
• tutorialrepublic
• quackit
• html5andbeyond
• blogs.windows
• scotch
• webresourcesdepot
• perfectionkills
• oozled
• softwareengineeringdaily

• 奇舞团
• 携程UED
• 百度FEX
• 迅雷CUED
• 腾讯Alloyteam
• 腾讯TGideas
• 腾讯TID
• 腾讯CDC
• 腾讯ISUX
• 淘宝UED
• 淘宝前端团队
• 1号店MXC
• 大搜车团队
• alimama
• 微信企业号
• 美团技术团队
• 微博UDC

• winter
• css森林
• twinsen
• 尤小右
• 阮一峰
• 张鑫旭
• 余果
• 贤心
• 大猫
• franky
• 前端农民工
• sofish
• 玉伯
• 拔赤
• 堂主
• 嗷嗷
• 一丝
• 一丝new
• 米粽粽
• 勾三股四
• 贺师俊
• 张克军
• 真阿当
• doyoe
• css魔法
• 99css
• Toobug
• 随机
• 三水清
• 严清
• justjavac
• 叶小钗
• 米随随
• 进步博客
• 练小习
• 小胡子哥
• 情封
• 任平生
• 当耐特
• 豪情
• 小李刀刀
• Lucida
• 屈光宇
• luopq
• 涂鸦码龙
• 夏天的森林
• 汤姆大叔
• 老赵
• 三生石上
• 司徒正美
• 丸子
• 阿肆
• 梦想天空
• ALSOTANG'S
• 马天翼
• 黄玄
• 珍妮
• 丁小倪
• 题叶
• 桑尼真
• melonh
• 怿飞
• 水墨寒
• 党建
• zibin
• materliu
• 笨笨剥壳
• hzlzh
• 萝卜
• 元彦
• 鬼道
• 白树
• 前端小武
• spy
• 轩枫阁
• 西门的后花园
• 草依山
• 于江水
• 苏洋
• 周文彬
• 颜海镜
• 崔凯
• 彬Go
• 龙恩0707
• alien
• 乐小希
• Dtao
• hacke2
• trigkit4
• dead-horse
• 一米
• 凯凯刘
• 王牧天
• 淡忘~浅思
• 武方博
• 阿安
• rex
• 羡辙
• busy

• alvarotrigo
  fullPage.js作者
• Eric Meyer
  《css权威指南》、《精彩绝伦的css》作者，著名css专家
• philipwalton
  Flexbugs创建者
• cameron moll
  精通CSS：高级Web标准解决方案 作者之一
• andy budd
  精通CSS：高级Web标准解决方案 作者之一
• Lea Verou
  《css secret》作者
• JohnResig
  Jquery作者
• Nicholas C. Zakas
  《Javascript高级程序设计》作者
• useragentman
  IE's css3作者
• addyosmani
  《Learning JavaScript Design Patterns》作者
• Nicholas Zakas
  High Performance JavaScript 作者
• Paul Irish
  HTML5 Boilerplate 发起人之一
• Peter Koch
  主要是 JavaScript API
• Douglas Crockford
  JSLint、《语言精粹》作者
• Dustin Diaz
  前 Google，现 Twitter
• Alex Russell
  Chrome team 成员
• ejohn
• davidwalsh
• Charles Wyke-Smith
  《CSS设计指南》作者

• 百度FEX
• 奇舞周刊
• 好东西论坛
• 技术头条
• javascriptweekly
• html5weekly
• feweekly
• 懒懒小报

前端

• webrebuild
• jsconfchina
• cssconf
• css小组
• js小组
• 前端技术分享网
• 网易杭州前端技术部
• w3ctech
• 专注web前端开发
• 移动web前端设计
• F2E前端技术社区
• 前端开发网站
• 前端开发博客
• divio前端社区
• 慕课网前端学习小组
• 前端网
• 前端大全
• 前端交流
• 前端早读课
• SegmentFault
• w3cplus
• w3c中国
• HTML5中国
• HTML5
• HTML5kit
• w3cmark
• 前端乱炖
• 前端快爆
• 前端网W3cfuns

设计

• 优秀网页设计
• UI中国
• UC优视RED设计中心
• 腾讯CDC体验设计
• 交互设计UI

综合

• 稀土圈
• 技术头条
• 好东西传送门

• 前端圈走进名企
• Segmentfault D-DAY

• Webrebuild
• Cssconf
• Jsconf
• Adc·阿里技术嘉年华
• Feday
• D2前端技术论坛

• ShapesOfCSS
• css-loaders
• loaders
• 26字母
• css-cursor

• 小游戏平台
• 挂机放置类小游戏
• 人生重来模拟器

国外

• ChatGPT
• Claude
• Midjourney
• Leonardo.AI
• AssemblyAI
• Notion AI
• PlaygroundAI
• Tome
• Canva
• ClipDrop
• Mokker
• Runway
• Murf AI
• Play.ht
• Listnr
• BHuman

国内

• 文心一言
• 阿里灵杰
• 智谱AI
• 腾讯AI
• 华为云AI平台
• 科大讯飞
• 360人工智能研究院