web前端 导航

前端手册

菜鸟教程 手册

编程的基础技术教程

Mozilla H

MDN Web 文档

印记中文 H

权威的中文开发文档

前端速查文档 H

前端文档和工具

手册网

网站开发教程

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 H

Web Css兼容性速查

Easy Mock

可视化,生成模拟数据

浏览器大全

导航版的浏览器大全

Css Sprite

雪碧图在线工具

网站性能分析工具

在线:网页优化建议工具

W3C在线检验

W3C在线检验

程序员的工具箱

在线工具

有字库

有字库中文webfont首选

智图

图片压缩工具,制作webp

px转em工具

在线:px单位转em单位

TABLEIZER

在线:Excel转HTML

Regulex

在线:正则表达式可视化工具

正则工作室

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

HTML转义工具

在线:HTML转义工具

Fiddler

HTTP调试抓包代理软件

Keypress

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

HTML5test

浏览器H5 CSS3支持和测试

字体图标

Iconfont

阿里妈妈MUX矢量图标

Font Awesome(中)

图标字体库和CSS框架

Font Awesome(EN)

The iconic font and CSS toolkit

Awesome Animation

Font Awesome动画效果

Icomoon(EN)

上传SVG,定义字体

国内团队

中视力天

央视网指定设计开发团队

携程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

京东设计中心

凹凸实验室

京东用户体验设计部

饿了么前端

知乎专栏:饿了么前端

前端周刊

奇舞周刊

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

FEX技术周刊

前端周刊:每周一

码农周刊

周刊:每周一 IT技术

众成翻译

众成翻译

SF社区周刊

SegmentFault社区周刊

前端开发日报

前端日报

Alloy周刊

Alloy前端周刊

前端日刊

前端技术分享社区

前端早读课

微信公众号

前端外刊评论

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

前端每日实战

前端每日实战

JavaScript Weekly

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

Frontend Focus

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

薄荷前端周刊

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

开源日报

开源工场

博客社区

  • 博客
  • 社区问答

前端开发

跟上前端开发的最新前沿

Fetool

大前端的瑞士军刀

css88

专注前端开发

QDFuns

前端网

w3cplus

打造前端精品教程

HTML5资源教程

分享HTML5资源和教程

张鑫旭 H

张鑫旭的个人博客

阮一峰

阮一峰的网络日志

廖雪峰

研究互联网产品和技术

勾三股四

淘宝前端开发专家

十年踪迹的博客

360前端团队 奇舞团 负责人

CSS魔法

百姓网前端架构

CSS可樂

分享CSS技術的地方

IT程序狮

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

掘金翻译计划

翻译互联网技术文章(github)

tutorialzine H

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

Tympanus H

(EN)网页设计开发博客

CSS-Tricks H

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

HTML Online Articles

(EN)提示,技巧、教程

paulund

(EN)WordPress, Laravel, Js, CSS

Onextrapixel

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

Js Tips

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

SegmentFault

开发者技术社区

CSDN

中文IT社区

博客园

开发者的网上家园

掘金

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

Stack Overflow

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

V2EX

V2EX 是创意工作者们的社区

开源中国

开源技术社区

CNode

Node.js专业中文社区

前端学习

php中文网

教程,手册,视频,工具

自学php网

自学PHP网专注php学习

百度前端技术学院

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

百度Web开发者中心

学习使用最新的 Web 技术

慕课网

IT技能学习平台

极客学院

IT职业在线教育平台

蚂蚁部落

前端教程专业分享网站

凹凸公开课

前端知识分享沉淀平台

极客标签

在线编程知识分享学习平台

FreeCodeCamp

开启你的软件工程师生涯

牛客网

专业IT笔试面试备考平台

Javascript思维导图

Javascript思维导图

FLEXBOX FROGGY

一款学习CSS flexbox的游戏

Scrimba

交互式编程教学网站

在线调试

GBDebug

在线调试

RunJS

在线编辑 JavaScript 代码

CodePen

在线测试项目网站

JSFiddle

前端在线调试工具

公共 库

BootCDN H

CDN 加速服务

jsDelivr H

开源CDN

75CDN

前端静态资源库

百度公共库

百度静态资源公共库

极客CDN服务

极客标签开源CDN服务

又拍云

常用JavaScript库CDN服务

前端通用库CDN

kalokzheng,gideonlin 共同维护

微软CDN

Microsoft Ajax Content Delivery Network

CDNJS

CDN上JavaScript 库

项目 | 插件

  • 开源项目
  • Js & JQ插件

Awesomes

前端库、框架和插件

microjs

收集了太多小而美的库

GitHub H

源代码管理平台

码云

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

HelloGitHub

有趣、入门级的开源项目

CTOLib码库

收集分类 GitHub 项目

Github热榜

汇聚Github上优秀的开源项目

开源项目大全

开源中国社区

前端开发仓库

收录常用的JS及jQ插件

jQuery Plugins(EN)

jQ 插件

jQuery插件库

收集jQ插件

爱上JQuery

收集jQ插件

jQueryfuns

收集jQ插件

jQuery之家

分享jQ、html5和Css3的插件库

特效代码下载

蚂蚁部落特效代码下载

HTML素材网

CSS3-jQuery特效,网页模版

17素材网

网页特效,网页模版

懒人图库

JS代码,jQ特效和CSS3,HTML5

CJSlip

简洁高效的jQuery插件

踏得网

动画特效,WebGL,WebVR,WebAR

svgtrick

svg 使用经验与技巧

SuperSlide

网站大部分特效展示

holder图片占位符

html图片占位符插件

Superfish

JQ:下拉导航菜单

元素固定位置

jQ插件:固定页面元素

Timelinr

jQuery时间轴插件

鼠标悬停 提示

鼠标悬停提示(Tooltip)控件

Three.js

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

ECharts

Js 数据可视化图表库

SVG 动画

SVG 动画插件

Dynamics.js

JS 运动引擎实现动画

滚动条 组件

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动画工具参考

CSS3前缀 组件

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

CSS3圆角工具

工具:生成CSS3圆角

cssmatic

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

WAIT! Animate

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

CSS3.0Maker

工具:全面的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 片段(中文)

CSS3 Demo

CSS3-html5在线测试

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 在单个标签内实现图形

框架UI

  • 框架
  • UI

网易NEC

更好的CSS样式解决方

网易NEJ

跨平台js开发框架

React

构建用户界面js库

AngularJS

开发Web框架

Vue.js

创建 Web 交互界面的库

Jquery 中文API

优秀的JavaScript代码库

jQuery UI

优秀的JavaScript代码库

React Native(中)

使用React构建原生app的框架

React Native(中)

使用React构建原生app的框架

Weex

使用 Web 开发原生应用的框架

Ant Design

服务于企业级产品的设计体系

WeUI

为微信 Web 服务量身设计

layui模块化UI框架

模块规范编写的前端UI框架

Bootstrap

简洁、直观、强悍的前端开发框架

Amaze妹子UI

开源 HTML5 跨屏前端框架

拼图响应式前端框架

响应式前端CSS开源框架

Pure.CSS

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

SUI前端组件库

基于bootstrap开发前端组件库

Taro

React 语法规范的多端开发解决方案

SUI Mobile

方便迅速搭建手机H5应用

构建工具

Webpack

代码模块化构建打包工具

Parcel

Web 应用程序打包器

gulp.js(中)

自动化构建工具

FIS3

为你定制的前端工程构建工具

npm

JS管理包及构建工具

npm 中文文档

NPM是JavaScript的软件包管理器

Nodejs

Chrome V8 引擎的 JS 运行环境

前端导航

Web前端导航

AlloyTeam

前端网址导航

大前端

IT网址导航

H-ui框架

醉牛前端

前端平台

前端导航

创造狮