网站
常看的网站
- 阮一峰的网络日志 阮老师出品
- InfoQ 文章的质量比一般网站的高不少
- 月光博客
- 奇舞周刊
- 每日时报 定期会分享一些库和工具
- DailyJS
- 我的社交账号 github / 掘金 /知乎 / segmentfault
- 端传媒
- 知乎热搜榜
- 知乎热门话题
- 鱼塘 收集了很多网站 当天热门文章
前端开发
- 在线 PS / photopea
- tinypng / squoosh - 图片压缩
- regulex / RegExper 正则可视化
- regex101 - 正则表达式测试
- astexplorer - 一个在线 ast 生成器 https://astexplorer.net/
- 30 seconds of code 收集了许多有用的代码小片段
- CSS triangle generator CSS 三角形产生器
- cssarrowplease 帮你做对话框三角的
- clippy 在线帮你使用 css clip-path 做出各种形状的图形
- turndown - 将 HTML 转换为 Markdown https://mixmark-io.github.io/turndown/
- runpkg - 在线 npm 包浏览器 https://runpkg.com/
- Can I use 查询浏览器的特性支持情况
- codesandbox 一个可以在线编辑且提供在线 demo 的网站 支持 vue react angular 多种框架 神器
- Package Diff,比较 npm 包两个版本直接的区别
- netlify - 静态网站托管服务
- carbon 在线代码生成图片 https://carbon.now.sh/
- smallfunc 小工具
- JavaScript Visualizer 可视化 ES5
JavaScript
执行 - loupe - 可视化的 javascript 实时运行,理解异步, Built by Philip Roberts
- RMind - 基于 React Hooks 与 flex 布局 的思维导图 https://mongkii.github.io/RMind/
- visualgo - 数据结构,算法可视化
markdown
- clipboard2markdown - 将你所有复制进去的内容都转化为 markdown
- resumd - 使用 markdown 写简历,支持自定义主题,
html
,pdf
,md
导出 https://resumd.t9t.io - waifu2x - 图片进行放大操作 http://waifu2x.udp.jp/index.zh-CN.html
- Picas - Google 字体生成的项目徽标 https://picas.now.sh/
- wechat-format - 微信公众号排版编辑器
- md - 微信公众号 Markdown 编辑器,基于 wechat-format 进行了二次开发
- logoly - A Pornhub Flavour Logo Generator https://www.logoly.pro/
- markdown-it - Markdown 转 HTML
- tui.editor - Markdown 所见即所得编辑器
- to_markdown - 一键解析多平台文章地址链接 为 Markdown http://markdown.liangtengyu.com:9999/#/
- 图片转文字 - 借助 Google 云端硬盘
- ruanyf/document-style-guide - 中文技术文档的写作规范,by ruanyf
- ruanyf/articles - personal articles,by ruanyf
- How-To-Ask-Questions-The-Smart-Way - 提问的智慧
- awesome-resume - 程序员简历例句,简历模版
- github-markdown-css - The minimal amount of CSS to replicate the GitHub Markdown style
CSS
- animate.css - 最有名的动画效果库
- grabient - 生成漂亮的 CSS 渐变
- animista - 在线生成 CSS 动画
- easings - 缓动函数速查表
- css-triangle-generator - CSS 三角形产生器
- materialize.css - A CSS Framework based on Material Design
- direction-reveal - 根据鼠标进入位置,展现从不同方向 展现 hover 效果
- micron - 通过在元素上绑定属性从而实现动画效果的库
设计
- remove bg - 为上传的图片消除背景 / bgremover
- Lorem Picsum 提供免费的占位图
- 中国传统颜色手册
- draw 在线 web 画流程图
- excalidraw 手绘风格流程图,强推
- processon 免费在线作图,支持流程图、思维导图、原型图、UML、网络拓扑图、组织结构图等
色彩方案
- Brand Colors - 各大热门社交网站的配色方案
- Material Palette - 提供 Material Design 配色的线上工具(从自选两种颜色开始)
- Material UI Colors - Material UI Colors 是为 Material Design 而生的配色模板
- 0 to 255 - 一个作为出发点的颜色(起始颜色),有序呈现色彩变化的颜色列表
- Adobe Color CC - 快速创建 5 色的新色彩主题
图库站点
下面都是图库网站,提供免费的商业级高清晰度图片下载。
开放 API
- jsonplaceholder A simple online fake REST API server https://jsonplaceholder.typicode.com
- GitHub API v3
- cnode
- douban-api-proxy https://douban.uieee.com/
- 和风天气
- Twilio API Docs
- paperplane High quality HTML to PDF conversion API
- Awesome_APIs
产品
- 产品大牛 什么有很多完整的产品原型可以借鉴
有趣
程序员的一天
参考链接
- awesome-f2e-libs - 🎉 整理我平时关注的前端库 by sorrycc
- my-development-tools - 我的开发工具箱
- awesome-bookmarks - 💖 A curated list of awesome things
- awesome-windows
- reading-list - Some books I read,by ruanyf