前端开发导航

前端手册

W3cschool

基础技术教程

Mozilla

MDN Web 文档

印记中文

权威的中文开发文档

前端规范 手册

代码一致性和最佳实践

小程序指南

微信小程序官方文档

手册网

网站开发教程

jq & js速查表

jQuery API

OverAPI(EN)

最全开发在线速查手册

Jquery EasyUI

基于jQuery的用户界面插件集合

正则表达式速查表

正则表达式速查表

Markdown语法

Markdown 语法说明

Chrome工具文档

Chrome 开发者工具

Emmet快捷查询

Emmet快捷键中文查询

Git Cheat Sheet

Git命令表

特殊符号 表

HTML特殊字符编码对照表

屏幕尺寸规范

网页,浏览器与设备尺寸

ASCII对照表

ASCII对照表

文件类型对照表

HTTP Content-type

HTTP状态码

HTTP状态码详解

HEAD

最全的 head 列表

检查测试

Can I Use

Css 兼容性速查

BROWSERHACKS

浏览器 hack 大全

HTML validator

HTML 有效性验证

CSS validator

CSS 有效性验证

HTML5test

浏览器H5 CSS3支持和测试

Fiddler

HTTP调试抓包代理软件

Mock.js

生成随机数据,拦截 Ajax 请求

自适应测兼容

移动设备响应式屏幕效果

网站性能分析工具

网站性能测试分析、优化建议

Carbon

代码美化

SM.MS

图床:无外链限制,无流量限制

前端工具

综合工具

在线开发工具合集

正则表达式 工具

在线测试 可视化

Easy Mock

可视化,生成模拟数据

浏览器大全

导航版的浏览器大全

Css Sprite

雪碧图在线工具

有字库

中文webfont

智图

图片压缩工具,制作webp

px转em工具

在线:px单位转em单位

TABLEIZER

在线:Excel转HTML

正则工作室

下载:研究正则表达式&工具

HTML转义工具

在线:HTML转义工具

Keypress

捕获键盘上每个键的键位码

字体格式转换器

转换网络:TTF/eot/woff/SVG字体

CODELF

变量名命名神器

表格转换工具

支持Excel、Markdown、JSON等格式转换

前端开发工具

前端开发工具 编辑器

字体图标

Iconfont

阿里妈妈MUX矢量图标

Font Awesome(En)

字体图标

Icomoon(En)

上传SVG,定义字体

FLATICON(En)

1,649,000个矢量图标

Unicons(En)

免费矢量图标

Feather(En)

干净简洁的开源图标库

草莓图标库

图标库

国内团队

中视力天

央视网指定设计开发团队

携程UED

携程设计委员会

奇舞团

奇虎360旗下前端开发团队

360UXC

360UXC用户体验设计中心

百度FEX

百度前端团队Blog

百度ued

百度用户体验中心

百度EUX

产品用户体验团队

迅雷CUED

迅雷用户体验设计中心

腾讯AlloyTeam

腾讯全端AlloyTeam团队

腾讯IMWEB

腾讯前端IMWEB团队

腾讯TGideas

腾讯游戏官方设计团队

腾讯TID

财付通设计中心

腾讯CDC

互联网视觉,交互设计

腾讯ISUX

互联网视觉,交互设计

腾讯MXD

腾讯MXD移动互联网设计中心

淘宝FED

淘宝前端团队

阿里巴巴UED

阿里巴巴用户体验设计部

阿里妈妈MUX

阿里妈妈体验工作平台

网易UEDC

网易用户体验设计中心

网易GUX

网易GUX游戏用户体验中心

畅游UED

搜狐畅游视觉设计中心团队

新浪UED

前端开发

京东JDC

京东设计中心

凹凸实验室

京东用户体验设计部

饿了么前端

知乎专栏:饿了么前端

YFE 阅文前端团队

前端开发团队网站

闲鱼技术

移动端技术及闲鱼团队研究

前端周刊

奇舞周刊

前端周刊:每周五精华文章

FEX技术周刊

前端周刊:每周一

码农周刊

周刊:每周一 IT技术

翻译计划

国外推荐技术文章翻译

SF社区周刊

SegmentFault社区周刊

前端开发日报

前端日报

Alloy周刊

Alloy前端周刊

前端日刊

前端技术分享社区

前端早读课

微信公众号

前端外刊评论

关注前端技术,探寻深邃思想

前端每日实战

前端每日实战

JavaScript Weekly

每周一次JS新闻和文章邮件

CSS Weekly

CSS 文章、教程、实验、工具等

Frontend Focus

每周一次前沿新闻、文章和教程

薄荷前端周刊

每周至少一篇原创技术分享

开源日报

开源工场

前端开发日报

数据来自码农头条

技术社区

SegmentFault

开发者技术社区

CSDN

中文IT社区

博客园

开发者的网上家园

掘金

一个帮助开发者成长的社区

Stack Overflow

汇聚全球最多程序员的问答社区

V2EX

V2EX 是创意工作者们的社区

开源中国

开源技术社区

CNode

Node.js专业中文社区

QDFuns

前端网

个人博客

前端开发

跟上前端开发的最新前沿

Fetool

大前端的瑞士军刀

w3cplus

打造前端精品教程

HTML5资源教程

分享HTML5资源和教程

张鑫旭

张鑫旭的个人博客

阮一峰

阮一峰的网络日志

廖雪峰

研究互联网产品和技术

勾三股四

淘宝前端开发专家

十年踪迹的博客

360前端团队 奇舞团 负责人

CSS魔法

百姓网前端架构

CSS可樂

分享CSS技術的地方

IT程序狮

编程学习分享者,专注前端。

CodeColor

网页前端技术分享

tutorialzine

(EN)高质量前端教程和文章库

Tympanus

(EN)网页设计开发博客

CSS-Tricks

(EN)CSS技巧、经验和教程

HTML Online Articles

(EN)提示,技巧、教程

paulund

(EN)WordPress, Laravel, Js, CSS

Onextrapixel

(EN)在线网站设计与开发杂志

Js Tips

(EN)每天推出一个JS技巧的网站

前端教程

php中文网

教程,手册,视频,工具

自学php网

自学PHP网专注php学习

HTML中文网

HTML中文网

百度前端技术学院

百度创办的免费前端技术学习

慕课网

IT技能学习平台

极客学院

IT职业在线教育平台

蚂蚁部落

前端教程专业分享网站

凹凸公开课

前端知识分享沉淀平台

FreeCodeCamp

开启你的软件工程师生涯

技术胖

博客免费前端视频目录

Javascript思维导图

Javascript思维导图

Scrimba

交互式编程教学网站

Scotch.io

Web开发培训

FLEXBOX FROGGY

在线学习CSS flexbox 游戏

GRID GARDEN

在线学习CSS Grid 游戏

Code.org

初级的免费游戏式编程教学

Python 学习

Python新手学习计划

learn-regex

正则表达式 学习项目

在线编程

RunJS

在线 JS 编辑

CodePen

在线测试代码,案例

JSFiddle

前端在线调试工具

JSbin

JS和CSS 代码片段调试

CodeSandbox

主流的脚手架都支持

公共 库

BootCDN

CDN 加速服务

jsDelivr

开源CDN

75CDN

前端静态资源库

又拍云

又拍云js加速服务

前端通用库CDN

kalokzheng,gideonlin 共同维护

微软CDN

Microsoft Ajax Content Delivery Network

CDNJS

CDN上JavaScript 库

Staticfile

Staticfile(七牛) CDN

代码托管

GitHub

项目托管平台

码云

代码托管、项目管理、协作开发

gitlab

开源及私有项目托管

Coding

云端开发托管平台

项目 | 插件

  • 开源项目
  • Js & JQ插件

Awesomes

前端库、框架和插件

microjs

收集了太多小而美的库

HelloGitHub

有趣、入门级的开源项目

CTOLib码库

收集分类 GitHub 项目

Github热榜

汇聚Github上优秀的开源项目

开源项目大全

开源中国社区

前端开发仓库

收录常用的JS及jQ插件

jQuery Plugins(EN)

jQ 插件

jQuery插件库

收集jQ插件

jQueryfuns

收集jQ插件

jQuery之家

分享jQ、html5和Css3的插件库

特效代码下载

蚂蚁部落特效代码下载

HTML素材网

CSS3-jQuery特效,网页模版

17素材网

网页特效,网页模版

懒人图库

JS代码,jQ特效和CSS3,HTML5

CJSlip

简洁高效的jQuery插件

踏得网

动画特效,WebGL,WebVR,WebAR

svgtrick

svg 使用经验与技巧

web弹窗 组件

弹窗,对话框插件

SuperSlide

网站大部分特效展示

占位 图片

图片占位符插件

Superfish

JQ:下拉导航菜单

代码高亮 组件

代码高亮插件

懒加载 组件

延迟加载(懒加载)插件

元素固定位置

jQ插件:固定页面元素

浮动导航 组件

浮动导航,滚动定位

Timelinr

jQuery时间轴插件

鼠标悬停 提示

鼠标悬停提示(Tooltip)控件

社交分享 插件

一键分享

Three.js

运行在浏览器中的3D 引擎

ECharts

Js 数据可视化图表库

动画插件

轻量JS 动画/库

SVG 动画

SVG 动画插件

Dynamics.js

JS 运动引擎实现动画

滚动动画 组件

动画方式进入画布

全景vr 组件

全景效果

视频音频 组件

视频音频 框架

  1. 视频:Chimee(360)
  2. 视频:西瓜视频
  3. 视频:知乎
  4. 视频:Aliplayer
  5. 视频:DPlayer 弹幕
  6. 音频:APlayer 音频
  7. 音频视频:我爱播放器

地图 组件

地图开发 框架

滚动条 组件

JQ插件:滚动条美化

选项卡 组件

JQ插件:选项卡

Flowtype.js

Js插件:响应式文字

Smooth Scroll Plugin

平滑滚动

particles.js

JQ插件:创建漂亮的浮动粒子

parallax.js

视差

notie.js

移动端友好通知插件

Waypoints

捕获各种滚动事件的插件

jQuery Form Plugin

AJAX技术提交的表单

jquery.cookie.js

Cookie管理插件

Day.js

轻量时间库

scrollUp

滚动到顶部

CSS 相关

  • 工具
  • Css库
  • 预处理

贝塞尔曲线 组件

缓动函数速查表

CSS3渐变工具

工具:渐变CSS3代码生成

CSS3动画工具

工具:CSS3动画工具参考

PS投影转css3

工具:PS投影转换为CSS3

CSS3前缀 组件

工具:生成兼容多浏览器CSS3代码

CSS3圆角工具

工具:生成CSS3圆角

cssmatic

工具:生成圆角,渐变,阴影

WAIT! Animate

工具:生成计算CSS动画关键帧百分比

CSS3样式生成器

CSS3样式生成器

Clip多边形裁剪

工具:CSS多边形裁剪器

loading

在线生成 loading 支持svg

花式半径

花式半径在线产生器

按钮效果 组件

按钮 美化 悬停 动画 效果

Animate.css

库:CSS动画

Magic Animations CSS3

库:CSS动画

imagehover.css

库:图像悬停效果动画

hamburgers

库:汉堡菜单动画

CSShake

库:震荡元素的效果

DynCSS

库:视差效果的动画库

Direction Reveal

CSS鼠标效果和过渡

flag-icon-css

SVG国旗_css

Weather Icons

222天气主题图标和CSS

Creative Hover Styles

Button / Link / Icon

Sass(中)

CSS 扩展语言

Less(中)

CSS 预处理语言

typo.css

中文网页重设与排版

Normalize.css

CSS Reset

奇淫技巧

30 Seconds of CSS

收集有用的CSS代码片段

30-seconds-of-code

收集有用的 JS 片段(中文)

CSS 黑魔法

让你少写不必要的JS

Don't Need JavaScript

没有JS的情况下做很多事情

JavaScript黑科技

装逼指南,高逼格代码

CSS 奇技淫巧

十分有趣的 CSS 细节

Shapes of CSS

CSS图形

CSS Tricks

开发者需要知道的 CSS Tricks

CSS 选择器演示

CSS 选择器的作用区域

nth-child详解

CSS 选择器

magic Css

CSS3 在单个标签内实现图形

CSS-Inspiration

CSS3 灵感

css-animation-101

开源 CSS 动画书籍(GitHub

框架UI

Bootstrap

前端开发框架

Semantic UI

前端开发框架

Foundation

前端开发框架

Element

Vue 2.0 的桌面端组件库

IView

基于 Vue.js UI 组件库

拼图响应式前端框架

国内:响应式前端CSS开源框架

Layui

国内:模块化前端框架

Amaze妹子UI

国内:跨屏前端框架

MDUI

国内:Material Design 网页的前端框架

Taro

React 语法多端统一开发框架

Ant Design

蚂蚁金服 前端/设计

QMUI Web

腾讯旗下团队 UI 框架

Framework7

HTML框架 构建iOS & 安卓 应用

Mobi.css

轻量灵活的移动端 CSS 框架

FlowUI

国内:基于Seajs/jQuery UI框架

Pure.CSS

轻量级、响应式 css模块(中文)

网易NEC

CSS样式解决方案

构建编译

Nodejs

Chrome V8 引擎的 JS 运行环境

Webpack

前端模块化管理和打包工具(中文

Parcel

零配置Web应用打包工具

gulp.js(中)

自动化构建工具

GRUNT

JavaScript 构建工具

Babel

JavaScript 编译器

npm

安装、共享、分发代码,管理项目

npm 中文文档

npm 中文文档

Yarn

脸书新型包管理器

PostCSS

avaScript 和转换 CSS 代码工具

PWA Universal Builder

脚手架构建工具

前端导航

Web前端导航

AlloyTeam

前端网址导航

大前端

IT网址导航

H-ui框架

醉牛前端

前端平台

前端导航

创造狮