Awesome Frontend
Font 字体
用于制作,提取以及压缩字体相关的网站和工具。
- fontmin - Fontmin 是一个纯 JavaScript 实现的字体子集化方案。
- fontmin-app - Fontmin App 是 Fontmin 的客户端,提供了 Mac OS X、Windows 平台下的发行版。
- iconfont - 在线管理自定义字体图标,可以使用阿里提供的免费CDN,也可以下载到本地使用。
- 字蛛 - 字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式。
- Font Awesome - 是一个包含675个标准格式的字体图标合集。
Data Visualization 数据可视化
- Apache Superset - Apache Superset 是一个现代的、企业级的商业智能 web 应用程序。
- grafana - 使用漂亮的界面进行监控、度量分析的工具 & 石墨仪表盘 & InfluxDB & Prometheus & 更多。
- Kyrix - 交互式缩放比例数据可视化。
Terminal 终端
- iTerm2 - iTerm2是Terminal的替代品,是iTerm的继承者。它适用于macOS 10.12或更新版本的mac电脑。iTerm2将终端带进了现代时代,它的特性是你永远不会知道你一直想要的。
规范 Specification
- semver 语义化版本 - 如何定义版本号。
npm
- Verdaccio - 是一个 Node.js创建的轻量的私有npm proxy registry。
移动端调试工具 Mobile Browsers Debugging Tool
学习资料 Good Good Study
- 属性定义和属性赋值的区别
- 深入解析ES Module(一):禁用export default object
- 深入解析ES Module(二):彻底禁用default export
- 程序员排行榜
- 前端代码质量-圈复杂度原理和实践
Chrome 插件
- Simple scraper - 快速抓取网页数据并将数据转换成 json 或 js 文件
- product hunt - 收集本年度最好的产品
ESLint
- eslint-plugin-import - 该插件旨在支持ES2015 +(ES6 +)导入/导出语法的检查,并防止文件路径和导入名称拼写错误的问题。 ES2015 +静态模块语法打算提供的所有优点,已在编辑器中进行了标记。
抓包工具
实用工具
- PokéAPI 使用
restful
接口查询所有的宝可梦数据。 - 如何开发一款 Chrome 插件。
- Safari 浏览器文档
- 免费图标
- 免费照片
- NodeJS 版本查询
- W3C
- NodeJS 参考标准
- Elasticsearch 权威指南
- npm 版本号图标制作
- 浏览器 CSS 语法支持比例