提示

收集一些开发、设计资源，持续整理中...

摸鱼

• 996.icu (opens new window) 必看网站
• 奇趣网站收藏家 (opens new window) 收藏了很多有趣的网站
• 地理名著 (opens new window) 四大名著地图
• 网络黑话翻译 (opens new window) 能不能好好说话
• URL 地址播放 Emojis 动画 (opens new window) 在地址栏里面播放 emoji
• 果汁排行榜 (opens new window) 多种排行榜的集合

开发

• DeepL (opens new window) 人工智能翻译，全世界最准的翻译
• 掘金 (opens new window) 一个帮助开发者成长的社区
• 简书 (opens new window) 有很多频道的创作社区
• 思否 (opens new window) 解决技术问题的社区
• V2EX (opens new window)
• 开发热榜 (opens new window) 整合了多个开发者网站的热榜
• 码力全开资源库 (opens new window) 很全很强大，独立开发者/设计干货/优质利器/工具资源...
• Dev Hints (opens new window) 常用速查表,快速查询各类框架和库的常用方法

文档

• MDN (opens new window) Web技术权威文档
• 现代JavaScript教程 (opens new window) 以最新标准为基准的JS教程
• ES5教程 (opens new window) 阮一峰的JS教程
• ES6教程 (opens new window) 阮一峰的ES6教程
• Bash 脚本教程 (opens new window) 阮一峰编写
• 菜鸟教程 (opens new window) 涵盖多种语言的初级教程
• 腾讯云开发者手册 (opens new window)
• Unity3D中文用户手册 (opens new window)

项目

• MALL学习文档 (opens new window) mall项目是一套电商系统，涵盖了SpringBoot、MyBatis、Elasticsearch、RabbitMQ、Redis、Mongodb、Mysql等技术。

UI

• Can't Unsee (opens new window) 检查你对设计稿敏感度

图标

• iconfont (opens new window) 阿里巴巴矢量图标库
• undraw (opens new window) 免费的矢量插画
• icomoon (opens new window) 矢量图标库
• cssicon (opens new window) 所有的 icon 都是纯 css 画的 缺点：icon 不够多
• feather (opens new window) 免费的 icons
• remixicon (opens new window) 又一个提供免费图标 icons

CSS

• clippy (opens new window) 在线帮你使用 css clip-path 做出各种形状的图形
• CSS Tricks (opens new window) CSS技巧收集与演示 / 图形生成
• CSS生成器 (opens new window) 凹凸质感生成
• CSS渐变生成器 (opens new window)
• CSS3-Box Shadow(阴影) (opens new window)
• 贝塞尔曲线生成器 (opens new window)
• 花纹背景生成器 (opens new window)

组件库

• Vuetify (opens new window) 一个 Vue UI 库

工具

搜索

• 国家统计局 (opens new window)

图片处理

• tinypng图片压缩 (opens new window) 压缩png很有用
• Squoosh (opens new window) 谷歌出品在线免费图片压缩工具
• waifu2x (opens new window) 通过卷积网络放大图片
• vectormagic (opens new window) 矢量图转换
• vectorizer (opens new window) 真正的 png 转 svg 神器
• 在线AI图片处理 (opens new window) 黑白修复、无损放大、动漫化、铅笔画等。
• 一件抠图
• 转ico (opens new window)

作图

• processon在线作图 (opens new window) 流程图、思维导图、原型图等，PS快捷键，巨方便！
• 百度脑图 (opens new window) 思维导图

CDN加速

• jsDelivr (opens new window) 国外的一家优秀的公共 CDN 服务提供商
• unpkg (opens new window) cdn 服务

正则表达式

• 正则表达式测试 (opens new window)

JSON

• JSON格式化 (opens new window) 也可以生成java类

MarkDown

• markdown在线编辑 (opens new window)
• markdown表格生成 (opens new window)

Emoji表情

• emoji表情 (opens new window) emoji百科
• emoji表情备忘录 (opens new window)

windows系统下按Win+.快速打开表情选择框

加密解密/转换器

• 文字加密解密 (opens new window) base64、url
• 时间戳转换 (opens new window)
• 坐标系获取和转换 (opens new window)

设计

• 创造师导航 (opens new window)
• 设计师网址导航 (opens new window)
• Bēhance (opens new window) dribbble 是设计师的微博，Bēhance 是设计师的博客
• design.youzan (opens new window) 有赞设计原则
• 站酷 (opens new window)
• 花瓣 (opens new window)

配色

• coolors (opens new window) 帮你在线配色的网站 你能找到不少配色灵感
• colorhunt (opens new window) 另一个配色网站
• uigradients (opens new window) 渐变色网站
• colorkitty (opens new window) 从你的图片中提取配色
• nord (opens new window) 北欧性冷淡风主题配色
• nipponcolors (opens new window) 日系配色
• Flat UI 色表 (opens new window) Flat UI 色表
• 0to255 (opens new window) 颜色梯度

LOGO制作

• Logojoy (opens new window) 使用 ai 做 logo 的网站，做出来的 logo 质量还不错。
• brandmark (opens new window) 另一个在线制作 logo 网站
• instant (opens new window) 又一个 logo 制作网站
• logo-maker (opens new window) 又一个 logo 制作网站 这个更简单点 就是选模板之后微调

动画

• uimovement (opens new window) 能从这个网站找到不少动画交互的灵感
• dribbble (opens new window) 经常能在上面找到很多有创意好看的 gif 或者图片

海报

• designcap (opens new window) 在线海报设计
• 词语图形生成 (opens new window)

图库

Banner

• freepik (opens new window) banner 图库

背景

• Lorem Picsum (opens new window) 提供免费的占位图
• Unsplash (opens new window) 提供免费的高清图片
• uigradients (opens new window) 渐变色生成工具
• NASA (opens new window) 太空拍摄的图片
• wallhaven (opens new window) 壁纸网站

素材

• 觅元素 (opens new window) 一天免费下载十张 psd
• 搞定设计 (opens new window) 可以抠图
• beTheme (opens new window)
• UI 中国 (opens new window)
• 各种姿势图片 (opens new window)

3D

• 3D图形生成 (opens new window)

##其他

• 零基础新手破解学习导航帖 (opens new window)