网站

前端日报、库分享、文章分享

• panjiachen (opens new window)
• DailyJS (opens new window)
• codeburst (opens new window)
• InfoQ (opens new window) 文章的质量比一般网站的高不少
• 鱼塘 (opens new window) 划水网站 收集了很多网站 当天热门文章
• 每日时报 (opens new window) 一个个人开发者的前端开发的分享日报，定期会分享一些库和工具
• awesome-f2e-libs (opens new window) sorrycc 整理的个人关注使用的前端库

开发

• can i use (opens new window) 前端常用网站了 查看不同属性和方法的兼容性
• Squoosh (opens new window) 谷歌出品在线免费图片压缩工具 神器
• astexplorer (opens new window) - 一个在线 ast 生成器
• 30 seconds of code (opens new window) 收集了许多有用的代码小片段
• zeplin (opens new window) 前端和设计师神器，有标注、Style Guide、版本管理、简单的团队协作，重点是前端不用写 css 了，复制就可以了。
• cssicon (opens new window) 所有的 icon 都是纯 css 画的 缺点：icon 不够多
• 智图 (opens new window) 腾讯出品 在线图片压缩 支持转成 webP 处理静态图片时候很好用
• picdiet (opens new window) 另一个图片压缩网站
• CSS triangle generator (opens new window) 帮你快速用 css 做出三角形
• cssarrowplease (opens new window) 帮你做对话框三角的
• clippy (opens new window) 在线帮你使用 css clip-path 做出各种形状的图形
• fiddle.md (opens new window) 一个方便的在线共享 markdown 在线笔试题一般都用这个
• coderpad (opens new window) 远程面试的神器，可以让面试者远程写代码 不过需要翻墙
• icode (opens new window) 有赞团队出品的 coderpad 可以互补，它不需要翻墙
• codeadvice (opens new window) 又一个让面试者远程写代码的网址
• snipper (opens new window) 一个代码协同的网站。你新建一个代码片段，然后把网址分享给其他人，就可以看到他们的实时编辑。
• codrops (opens new window) 上面的交互都非常酷炫
• photopea (opens new window) 一个网页端 Photoshop 很变态
• **programmingfonts.org ** (opens new window) 一个专门介绍编程字体的网站
• gitmoji (opens new window) 通过 emoji 表达 git 的操作内容
• starcharts (opens new window) 可以把你一个项目的 stars 增长轨迹当做 svg 放在 readme 中
• mockapi (opens new window) 一个还不错的在线 mock 服务（可在线可视化编辑），可以满足大部分简单需求了
• browserstack (opens new window) 远程调整各种版本浏览器 兼容性问题
• carbon (opens new window) 根据代码块生成图片 主要作用是让你打代码片段分享的时候更好看一点
• clipboard2markdown (opens new window) 将你所有复制进去的内容都转化为 markdown
• grammarly (opens new window) 英语写作检查工具
• quickchart (opens new window) 通过 URL 生成图表的开源服务
• hipdf (opens new window) 一站式在线 PDF 解决方案
• whimsical (opens new window) 画路程图
• Lorem Picsum (opens new window) 提供免费的占位图
• webpagetest (opens new window) 前端性能分析工具
• 网络安全的教程
• Ananas Analytics Desktop (opens new window) 一站式 数据可视化
• “零宽” 长度的短网址服务 (opens new window) 利用“零宽字符”来缩短 url，还支持统计
• hotjar (opens new window) 用户调研 支持用户反馈 录屏 heatMap
• 狼叔：如何正确的学习 Node.js (opens new window)
• 独角兽公司榜单 (opens new window) 感觉大家想去大公司的时候，可以看看排名
• coderlane (opens new window) 远程视频面试，目前使用的是牛客，这个工具待考察
• excalidraw (opens new window) 手绘风格流程图，强推

教程

• npx (opens new window) 教你怎么合理的使用 npx
• hacksplaining (opens new window) 网络安全学习网站
• mobile-web-best-practice (opens new window) 移动 web 最佳实践
• vanillawebprojects (opens new window) 通过纯前端的手段实现一些小项目，适合入门
• Think Python (opens new window) 还不错的 Python 入门教程
• Node.js CLI Apps Best Practices (opens new window) 叫你如何写好一个 node cli 工具
• SQL Murder Mystery (opens new window) 一个英文的 SQL 初级教程，以游戏的方式，让你利用学到的 SQL 概念和命令来找出谋杀凶手
• html-dom (opens new window) 一些常用的 dom 或者原生 js 操作判断，挺实用的
• Webpack 知识图谱 (opens new window) webpack 相关教程和原理分析还不错

实用

• 写作猫 (opens new window) 可以通过 AI 的方式，帮你检查错别字，很有效的一个工具
• draw (opens new window) 在线 web 画流程图
• typeform (opens new window) 一个国外的在线调查问卷网站
• VideoFk (opens new window) VideoFk 视频在线解析下载
• 全历史 (opens new window) 历史内容聚合网站
• 稿定设计 (opens new window) 键式设计工具+智能抠图
• pichance (opens new window) 一个将低分辨率图片增强为高分辨率的工具，可以将分辨率增加 4 倍（即长和宽各增加一倍）
• bigjpg (opens new window) 放大图片的神器 通过神经网络可以放大图片并能降噪
• ENFI 下载器 (opens new window) 不限速下载器
• Arkie 海报制作工具 (opens new window)
• 比格 PPT (opens new window)
• 历史价格查询 (opens new window) 淘宝，京东等商品历史价格，能更清晰了解商家的活动是否为虚假促销以及促销的力度。神器
• Firefox Send (opens new window) 文件分享服务，下载一次或者到期即焚，在当前网络监管下很实用的服务
• time.graphics (opens new window) 在线 milestone timeline 生成器
• processon (opens new window) 免费在线作图，支持流程图、思维导图、原型图、UML、网络拓扑图、组织结构图等
• 龙轩导航 (opens new window) 一个总结了不少实用网站的导航
• Pannellum-VR全景图 (opens new window)
• TouchPano全景平台-云览世界 (opens new window)

金融信息

• http://www.pbc.gov.cn/zhengcehuobisi/125207/125213/125431/125475/index.html
• http://cwzx.shdjt.com/ 最强大的仓位信息,最牛散户，最牛机构持股这里都能找到！每天更新。上海高毅、高瓴资本

天气

• Ventusky (opens new window) 风雨气温图