# 推荐
- panjiachen (opens new window) by 花裤衩
- 前端知识图谱+B站资源整合 (opens new window) by 技术胖
- 大圣编程自学网 (opens new window) by 大圣
- 开发者武器库 (opens new window)
- 工具大全 (opens new window)
# 文档
- Markdown 官方教程 (opens new window)
- ES5教程 (opens new window) 阮一峰的JS教程
- ES6教程 (opens new window) 阮一峰的ES6教程
- 菜鸟教程 (opens new window) 涵盖多种语言教程
- 腾讯云开发者手册 (opens new window)
- 阿里云前端开发学习路线 (opens new window)
# 社区
- Github (opens new window) 程序员同性交友社区
- 码云 (opens new window) 国内代码托管平台
- 掘金 (opens new window) 一个帮助开发者成长的社区
- CSDN (opens new window) 专业开发者社区
- 简书 (opens new window) 有很多频道的创作社区
- 思否 (opens new window) 解决技术问题的社区
- stack overflow (opens new window) 同上，外网的
- InfoQ (opens new window) 促进软件开发及相关领域知识与创新的传播
- V2EX (opens new window) 创意工作者们的社区
- 鱼塘热榜 (opens new window) 划水网站，收集了很多网站，当天热门文章
- 码力全开资源库 (opens new window) 很全很强大，独立开发者/设计干货/优质利器/工具资源...
# 内容
- codepen (opens new window) 完全免费的前端代码托管服务，可以用来制作和测试页面的网站
- css-tricks (opens new window) 一个国外的优秀前端开发博客，主要分享使用 CSS 样式的技巧，经验和教程等
# 互动
- 兔小巢 (opens new window)用户意见反馈服务平台
# 工具
- 草料二维码 (opens new window)
- 即时工具 (opens new window)
- JSON格式化 (opens new window)
- 脚本之家在线工具 (opens new window)
- CSS3剪贴路径（Clip-path）在线生成器工具 (opens new window)
# 图片/文档工具
- docmall (opens new window)
- 图贴士 (opens new window)
- image compress (opens new window) 图片压缩编辑
- 微图 (opens new window) 同时生成webp，avif格式
- remove (opens new window) AI抠图 图片背景消除
- 一键抠图 (opens new window) 一键抠图,图片压缩，转换，修复，抠图在线网站
- 随机生成图片 (opens new window) 可随机生成指定大小的图片，图片占位 （https://picsum.photos/200/300）
- 觅元素 (opens new window) 一天有5次免费下载机会，上面素材质量很高，图片素材
# 工具网站
- 犸良 (opens new window) 让动效更简单
- 鹿班 (opens new window) 快速完成大量商品图、banner图、海报图和会场图的设计
- 顽兔抠图 (opens new window) 抠图
- 爱图工具箱 (opens new window) 在线计算器工具，常用单位转换工具，文本处理与转换工具，图片编辑与格式转换工具
- 爱图工具箱-svg编辑 (opens new window) svg编辑，图片转换
# 博客
- 阮一峰的网络日志 (opens new window)
- 廖雪峰的博客 (opens new window)
- Evan's blog (opens new window)
- 木易杨前端进阶 (opens new window)
# 面试问答
# 优秀文章
- 我做系统架构的一些原则 (opens new window) 作者对系统架构的方法论总结
- 灵活运用CSS开发技巧 (opens new window)
- 防御性CSS (opens new window)
# 视频
- bilibili (opens new window) B站，上面很多免费教学视频
- 腾讯课堂 (opens new window) B站，上面很多免费教学视频
- 慕课网 (opens new window) 实战视频教程
- 妙味课堂 (opens new window) 比较系统的前端入门视频教程
- 中国大学MOOC (opens new window) 涵盖计算机、外语、心理学等专业免费课程
# 评论系统
# 前端小工具
- Can I use (opens new window) 查看属性和方法的兼容性
# Emoji表情
在任意输入框快速打开emoji表情方法：
Windows系统下按Win + .
Mac系统下按Control + Command + 空格
# 思维导图
- processon在线作图 (opens new window) 流程图、思维导图、原型图等
- 百度脑图 (opens new window) 思维导图
- plectica 绘制知识图谱
# CDN加速
- jsDelivr (opens new window) 国外 CDN 服务提供商
- unpkg (opens new window) 国外 CDN 服务
- bootcdn (opens new window) 国内 CDN 服务
# 设计
- design.youzan (opens new window) 有赞设计原则
- iconfont (opens new window) 阿里巴巴矢量图标库
# 有趣
- 奇趣网站收藏家 (opens new window) 收藏了很多有趣的网站
- FC在线模拟器(小霸王游戏机) (opens new window) 童年回忆
- Can't Unsee (opens new window) 强烈建议前端、客户端、UI 开发的同学玩下，检查一下自己对设计稿的敏感度怎么样
- ggtalk (opens new window) 程序员的闲聊节目
- awesome-comment (opens new window) 里面收集了很多有趣的代码注释
- 在线取名 (opens new window) 解决取名难问题，超多名字生成
← 框架及UI库