Chrome 扩展
- Wappalyzer Wappalyzer 可以识别网站使用的技术、内容管理系统，JavaScript 框架，电商平台，内容分发系统以及营销和分析工具等。
- Octotree 使用侧边栏菜单导航 github 仓库文件。
- GitHub Repository Size 显示 github 仓库文件大小。
- Web Developer 该扩展增加了一个具有多种网页开发者工具的功能条。比如它可以禁用 JavaScript，禁用 CSS 样式
- Site Palette 一键提取网页配色
- Fonts Ninja 识别网站上所有文本的字体。
- JSON Viewer 在浏览器上高亮显示 JSON。
在线应用
- transform 多种 Web 语言转换器，比如 HTML to JSX，JSON to YAML
- SVGOMG SVG 文件优化在线应用
- Dynamic Dummy Image Generator 图片占位符自动生成器
- Lorem Picsum 图片自动生成器，图片来自 Unsplash
- Easing functions 贝塞尔曲线库
- cubic-bezier 在线调试贝塞尔曲线
- Get emoji 表情资源，可复制粘贴使用
- prism-break 隐私/安全软件
- RapidAPI 提供了很多领域的 API，有免费和付费之分
- Modular Scale 字型大小比例尺
- websequencediagrams 时序图
- regular expression 101 在线调试正则表达式，支持多种语言
- WebGradients WebGradients 免费提供了 180 种线性渐变配色方案。
- uiGradients uiGradients 线性颜色渐变集合。
- Can I use 浏览器兼容性查询，支持查询 HTML CSS SVG HTML 5CSS3 特性。
- keyframes 在线创造动画，阴影和颜色
- extendsclass - Online Tools for Developers
github 资源
- GitHub Topic 浏览 github 中受欢迎的项目
- chromeapp Chrome 扩展推荐
- shields Quality metadata badges for open source projects
- HELLOGITHUB 分享 GitHub 上有趣、入门级的开源项目
- public-apis 免费的 API 集合。
- StaticGen 开源静态博客生成器热度排行
- REST Countries
- weatherstack
- github1s vscode 扩展，阅读 github 代码
- gitpod 建立云端开发环境
学习类资源
- Class Cental 免费的网络课程和公开课搜索引擎。
- Coursera Coursera 的在线课程由世界上顶尖大学和公司的讲师提供教学。
- Udemy Udemy 课程种类丰富，什么课程都有，类似于淘宝的在线教育平台。
- code.org Code.org® 是一个非营利组织。它致力于为学校、妇女和少数族裔提供学习计算机科学的机会。
- wikiHow 以「如何做某事」的提问方式，提供了很多实用的百科指南。
- DevTube 该网站收集了 Youtube 上很多优秀的开发者视频和教学。
- 命令行的艺术 学习命令行技巧，提高生产力
- You-need-to-know-css CSS 技巧
- 100-days-of-code-frontend 100 天前端开发学习目标。
- Learning Git Branching 关卡挑战，逐步深入的学习 Git 的功能
- explainshell shell 帮助文档，在输入框中键入命令会返回帮助文档。
- Vim adventures vim 大冒险游戏
- openvim 使用在线交互的方式学习 vim 常用操作
- W3Schools How To How To 系列。UI 和功能组件代码示例。