木易
常用
Github
开发
设计
有趣
交互
Css
教程
产品
常用
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
产品
产品大牛
什么有很多完整的产品原型可以借鉴
磨刀
快速出 ui 原型