# 网站

# git 使用手册&命令规则

Git Tips (opens new window) 这里是我的笔记,记录一些git常用和一些记不住的命令。

# 图片压缩

TinyPNG (opens new window) 帮你压缩你的图片;超好用的;还提供了 developer api

智图 (opens new window) 腾讯出品 在线图片压缩 支持转成 webP 处理静态图片时候很好用

picdiet (opens new window) 另一个图片压缩网站

# i18n

国际化翻译搜索 (opens new window) 帮助你翻译你的国际化语言

# Github

github 短域名服务 (opens new window) 可以将github的网站转为短域名

octotree (opens new window) Github code tree on steroids;使得你能够以在线资源管理器的方式阅读GitHub仓库的代码

shields (opens new window) Github README 里面的装逼小图标

Emoji (opens new window) 方便平时写查找 emoji

emoji.muan (opens new window) 同上 而且更全

git-awards (opens new window) github ranking 没事可以查着玩玩

# 开发

CTOLib 码库 (opens new window) 该网站收集并分类开源项目和资源 🌟🌟🌟

zeplin (opens new window) 前端和设计师神器,有标注、Style Guide、版本管理、简单的团队协作,重点是前端不用写 css 了,复制就可以了。

iconfont (opens new window) 阿里出的图标库,非常实用,支持 svg、font、png 多种格式,基本现在所有图标都在上面找。

cssicon (opens new window) 所有的 icon 都是纯 css 画的 缺点:icon 不够多

CSS triangle generator (opens new window) 帮你快速用 css 做出三角形

cssarrowplease (opens new window) 帮你做对话框三角的

clippy (opens new window) 在线帮你使用 css clip-path 做出各种形状的图形

Regular Expressions (opens new window) 在线正则网站

jex (opens new window) 正则可视化网站,配合上面的 Regular Expressions,写正则方便很多

jsfiddle (opens new window) 在线运行代码网站 很不错,可惜要翻墙

codepan (opens new window) 在线运行代码网站 不用翻墙,可以自己部署

fiddle.md (opens new window) 一个方便的在线共享 markdown 在线笔试题一般都用这个

# 设计

awwwards (opens new window)是一个一个专门为设计精美的网站以及富有创意的网站颁奖的网站

dribbble (opens new window) 经常能在上面找到很多有创意好看的 gif 或者图片,基本上我所有的图都是上面招的

Bēhance (opens new window) dribbble 是设计师的微博,Bēhance 是设计师的博客

Logojoy (opens new window) 使用 ai 做 logo 的网站,做出来的 logo 质量还不错。

brandmark (opens new window) 另一个在线制作 logo 网站

instant (opens new window) 有一个 logo 制作网站

coolors (opens new window) 帮你在线配色的网站 你能找到不少配色灵感

colorhunt (opens new window) 另一个配色网站

uigradients (opens new window) 渐变色网站

coderpad (opens new window) 远程面试的神器,可以让面试者远程写代码 不过需要翻墙

icode (opens new window) 有赞团队出品的 coderpad 可以互补,它不需要翻墙

codesandbox (opens new window) 一个可以在线编辑且提供在线 demo 的网站 支持 vue react angular 多种框架 神器

# 有趣

帮你百度一下 (opens new window) 可以 点我测试一下 (opens new window)

国际版 (opens new window)帮我百度一下 点我测试一下 (opens new window)

wallhaven (opens new window) 壁纸网站

# 交互

微交互 (opens new window) 里面收集了市面上很多很好的微交互例子 值得学习

Little Big Details (opens new window) 同上,一个国外微交互汇集网站

# Css

css-tricks (opens new window) 一个学习 css 不错的网站 有很多有意思的 demo

# 图片/素材

500px (opens new window)

视觉中国 (opens new window)