• 推荐
  • 标签

HTML Reference

HTML元素和属性免费指南

Code Guide-AlloyTeam

@AlloyTeam: 编码规范

名称 链接 描述
Code Guide-AlloyTeam 文章 | 站外@AlloyTeam: 编码规范
Code Guide-Bootstrap 文章 | 站外HTML 和 CSS 代码的规范
Aotu.io 文章 | 站外凹凸实验室:前端代码规范

HEAD

HTML head 元素的指南

印记中文

Web 前端开发文档

OverAPI

最全的开发人员在线速查手册

jQuery API 中文文档

jQuery 中文网

Chrome DevTools

Chrome 开发者工具 官方文档

符号库

特殊符号大全

  • 推荐
  • 前端在线工具
  • 性能优化
  • 正则表达式
  • 标签

Table Convert Online

在线表格转换工具,支持多种格式相互转化

GTmetrix

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

名称 链接 描述
WebPageTest 文章 | 站外网站性能测试分析、优化建议
Sucuri Load Time Tester 文章 | 站外全球网站测速工具
Pingdom Website Speed Test 文章 | 站外网速测试工具
PageSpeed Insights 文章 | 站外Google官方网页载入速度检测工具

CSS Gradient

CSS渐变代码在线生成

名称 链接 描述
CSS 渐变生成器 文章 | 站外CSS 在线工具

FlyEnv

Web服务器和环境管理器:macOS / Windows / Linux

regex101

支持多种语言,在线测试,解释,参考

名称 链接 描述
RegExr 文章 | 站外支持多种语言,在线测试,解释,参考,社区
regex101 文章 | 站外支持多种语言,在线测试,解释,参考
Regulex 文章 | 站外JS 正则表达式可视化工具
Debuggex 文章 | 站外在线可视化,支持 JavaScript, Python, PCRE

SO JSON在线工具

在线综合工具

名称 链接 描述
24Log在线工具 文章 | 站外web开发工具,编码转换,加密解密,邮箱工具

CSS Generator Tool

CSS 在线代码生成工具

WAIT! Animate

动画绝对值计算器

JSFiddle

编辑和测试 HTML, CSS, JavaScript代码

名称 链接 描述
CodeSandbox 文章 | 站外支持JS主流框架的在线代码编辑器
JSRUN 文章 | 站外JS在线编辑器网站, 支持30+语言
JSbin 文章 | 站外HTML, CSS和JS 代码片段调试

CSSmatic

渐变,圆角边框,阴影,噪点背景代码生成器

CODELF

变量命名工具

Sprite Cow

雪碧图在线生成CSS

有字库

中文web font(在线字体)服务平台

Autoprefixer CSS online

自动补全css兼容性代码

CSS Flexbox Generator

CSS Flexbox 代码生成器等其他工具

Carbon

源码转图片,美化代码

名称 链接 描述
codeimg 文章 | 站外代码转图片,美化代码
Ray.so 文章 | 站外美化代码,代码转图片

CodePen

在线测试和调试代码,寻找炫酷样式灵感的网站

Font2Web

在线字体转换器,

Can I use

查询浏览器特性和兼容性

名称 链接 描述
W3C标准语法验证 文章 | 站外Html/XHtml网页语法验证

Pingdom Website Speed Test

网速测试工具

CSS Gradient

CSS渐变代码在线生成

名称 链接 描述
CSS 渐变生成器 文章 | 站外CSS 在线工具

Sucuri Load Time Tester

全球网站测速工具

CSS 渐变生成器

CSS 在线工具

WebPageTest

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

Regulex

JS 正则表达式可视化工具

PageSpeed Insights

Google官方网页载入速度检测工具

名称 链接 描述
WebPageTest 文章 | 站外网站性能测试分析、优化建议
Sucuri Load Time Tester 文章 | 站外全球网站测速工具
GTmetrix 文章 | 站外网站性能测试分析、优化建议
Pingdom Website Speed Test 文章 | 站外网速测试工具

W3C标准语法验证

Html/XHtml网页语法验证

24Log在线工具

web开发工具,编码转换,加密解密,邮箱工具

RegExr

支持多种语言,在线测试,解释,参考,社区

TABLEIZER

Excel电子表单转HTML表格table

SO JSON在线工具

在线综合工具

名称 链接 描述
24Log在线工具 文章 | 站外web开发工具,编码转换,加密解密,邮箱工具

CSS Generator Tool

CSS 在线代码生成工具

WAIT! Animate

动画绝对值计算器

CSSmatic

渐变,圆角边框,阴影,噪点背景代码生成器

CODELF

变量命名工具

Sprite Cow

雪碧图在线生成CSS

Autoprefixer CSS online

自动补全css兼容性代码

CSS Flexbox Generator

CSS Flexbox 代码生成器等其他工具

Font2Web

在线字体转换器,

CSS 圆角边框生成器

CSS在线可视化工具

Can I use

查询浏览器特性和兼容性

名称 链接 描述
W3C标准语法验证 文章 | 站外Html/XHtml网页语法验证

GTmetrix

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

名称 链接 描述
WebPageTest 文章 | 站外网站性能测试分析、优化建议
Sucuri Load Time Tester 文章 | 站外全球网站测速工具
Pingdom Website Speed Test 文章 | 站外网速测试工具
PageSpeed Insights 文章 | 站外Google官方网页载入速度检测工具

Pingdom Website Speed Test

网速测试工具

Sucuri Load Time Tester

全球网站测速工具

WebPageTest

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

PageSpeed Insights

Google官方网页载入速度检测工具

名称 链接 描述
WebPageTest 文章 | 站外网站性能测试分析、优化建议
Sucuri Load Time Tester 文章 | 站外全球网站测速工具
GTmetrix 文章 | 站外网站性能测试分析、优化建议
Pingdom Website Speed Test 文章 | 站外网速测试工具

正则教程教程

Github: 正则教程学习专题

iHateRegex

开源正则表达式在线速查表

Debuggex

在线可视化,支持 JavaScript, Python, PCRE

Regex Vis

辅助学习、编写和验证可视化正则工具

Regulex

JS 正则表达式可视化工具

regex101

支持多种语言,在线测试,解释,参考

名称 链接 描述
RegExr 文章 | 站外支持多种语言,在线测试,解释,参考,社区
regex101 文章 | 站外支持多种语言,在线测试,解释,参考
Regulex 文章 | 站外JS 正则表达式可视化工具
Debuggex 文章 | 站外在线可视化,支持 JavaScript, Python, PCRE

RegExr

支持多种语言,在线测试,解释,参考,社区

  • 推荐
  • 标签

CSS-Tricks

英:前端开发博客,偏CSS

囧克斯

个人博客

腾讯全端

腾讯全端AlloyTeam团队

凹凸实验室

交互、页面制作技巧、前端开发、APP开发

廖雪峰

个人博客

阅文体验设计部

阅文集团体验设计部

Codrops

网页设计和开发博客

张鑫旭

个人前端技术知识分享博客

  • 推荐
  • 标签

GitHub

代码托管平台

名称 链接 描述
Gitee 文章 | 站外代码托管平台
GitLab 文章 | 站外代码托管平台
CODING 文章 | 站外项目管理与代码托管

掘金

技术开发社区

SegmentFault

技术问答、专栏、课程、资讯交流平台

博客园

技术交流社区

Stack Overflow

技术问答社区

DEV

技术开发社区

  • 推荐
  • 标签

正则教程教程

Github: 正则教程学习专题

CSS 教程

CSS 精进专题

JavaScript 教程

JavaScript 精进专题

JavaScript Weekly

订阅:JS 文章、新闻和酷项目的时事通讯

Frontend Focus

订阅周刊:前端文章,教程

奇舞周刊

360: 前端技术周刊

GRID GARDEN

通过游戏掌握CSS GRID网格布局

wweb.dev

web开发与设计周刊

CSS Weekly

订阅每周CSS文章,教程,工具

W3cplus

前端技术博客

FLEXBOX FROGGY

学习CSS flexbox

  • 推荐
  • 标签

cndjs

国外:免费和开源 CDN 服务

BootCDN

前端开源项目 CDN 加速

名称 链接 描述
cndjs 文章 | 站外国外:免费和开源 CDN 服务
UNPKG 文章 | 站外快速免费 CDN,加载前端 npm 资源

jQuery插件库

JQ,JS效果插件,UI,模板

        选择对应标签(必选)

          (标签必选)