木易
常用
Github
- github 短域名服务
- shields Github README 里面的装逼小图标
- Emoji 方便平时写查找 emoji
- emoji.muan 同上 而且更全
- git-awards github ranking 没事可以查着玩玩
- http://githubrank.co github 按照 followers 排名
- github-rank 同上，githubrank 基本算挂了已经，只能用这个新的
- star-history 展示一个项目 Stars 增长规矩曲线
开发
- awesome-f2e-libs sorrycc 整理的个人关注使用的前端库
- overreacted react Dan 的个人博客，更新频率很高
- DailyJS
- codeburst
- can i use 前端常用网站了 查看不同属性和方法的兼容性
- Squoosh 谷歌出品在线免费图片压缩工具 神器
- codesandbox-client - 在线 web 开发容器
- astexplorer - 一个在线 ast 生成器
- 30 seconds of code 收集了许多有用的代码小片段
- zeplin 前端和设计师神器，有标注、Style Guide、版本管理、
- iconfont 阿里出的图标库，非常实用，支持 svg、font、png 多
- cssicon 所有的 icon 都是纯 css 画的 缺点：icon 不够
- 智图 腾讯出品 在线图片压缩 支持转成 webP 处理静态图片时候
- picdiet 另一个图片压缩网站
- cssarrowplease 帮你做对话框三角的
- clippy 在线帮你使用 css clip-path 做出各种形状的图形
- Regular Expressions 在线正则网站
- jex 正则可视化网站，配合上面的 Regular Expressi
- jsfiddle 在线运行代码网站 很不错，可惜要翻墙
- fiddle.md 一个方便的在线共享 markdown 在线笔试题一般都用这个
- jsdelivr cdn 服务
- unpkg cdn 服务
- coderpad 远程面试的神器，可以让面试者远程写代码 不过需要翻墙
- icode 有赞团队出品的 coderpad 可以互补，它不需要翻墙
- codeadvice 又一个让面试者远程写代码的网址
- snipper 一个代码协同的网站。你新建一个代码片段，然后把网址分享给其他
- codesandbox 一个可以在线编辑且提供在线 demo 的网站 支持 vue
- codrops 上面的交互都非常酷炫
- bgremover 在线图片去底工具
- photopea 一个网页端 Photoshop 很变态
- bestofjs 查看一个项目增长经历，Star 数变化的网站，辅助你判断这个
- stackblitz 一款在线 IDE,主要面向 Web 开发者,移植了很多 VS
- programmingfonts.org 一个专门介绍编程字体的网站
- 早报 一个个人开发者的前端开发的分享日报
- emoji-search 帮你快速找到能表达你情感的 emoji
- gitmoji 通过 emoji 表达 git 的操作内容
- starcharts 可以把你一个项目的 stars 增长轨迹当做 svg 放在
- mockapi 一个还不错的在线 mock 服务（可在线可视化编辑），可以满
- coder 在线版 VS Code
- browserstack 远程调整各种版本浏览器 兼容性问题
- carbon 根据源码生成图片 主要作用是让你打代表片段分享的时候更好看一
- clipboard2markdown 将你所有复制进去的内容都转化为 markdown
- grammarly 英语写作检查工具
设计
- uimovement 能从这个网站找到不少动画交互的灵感
- awwwards 是一个一个专门为设计精美的网站以及富有创意的网站颁奖的网站
- dribbble 经常能在上面找到很多有创意好看的 gif 或者图片，基本上我
- Bēhance dribbble 是设计师的微博，Bēhance 是设计师的
- Logojoy 使用 ai 做 logo 的网站，做出来的 logo 质量还
- brandmark 另一个在线制作 logo 网站
- instant 又一个 logo 制作网站
- logo-maker 又一个 logo 制作网站 这个更简单点 就是选模板之后微调
- coolors 帮你在线配色的网站 你能找到不少配色灵感
- colorhunt 另一个配色网站
- uigradients 渐变色网站
- designcap 在线海报设计
- Flat UI 色表 Flat UI 色表
- 0to255 颜色梯度
有趣
- 国际版 壁纸网站-
- 点我测试一下
- wallhaven
- URL 地址播放 Emojis 动画
- Can't Unsee 强烈建议前端、客户端、UI 开发的同学玩下，检查一下自己对设
- ggtalk 同上，一个国外微交互汇集网站
交互
- 微交互 里面收集了市面上很多很好的微交互例子 值得学习
- Little Big Details
- cruip
- Comixify 一个波兰团队做了非常好玩的工具，可以把视频自动转成漫画，上图
- taiko-web
Css
- css-tricks 一个学习 css 不错的网站 有很多有意思的 demo
教程
- npx 教你怎么合理的使用 npx