网站
# 前端面试
- 互联网大厂每日一题 (opens new window)
- 前端进阶之道 (opens new window)
- 木易杨前端进阶 (opens new window)
- 前端面试 (opens new window)
- 前端面试题 (opens new window)
- 大前端面试宝典 (opens new window)
- 前端硬核面试专题 (opens new window)
- 前端知识每日 3+1 (opens new window)
- 如何通过饿了么 Node.js 面试 (opens new window)
- 前端复习笔记 (opens new window)
# 前端导航
# 文档
- MDN (opens new window)
- MDN-JS 标准内置对象 (opens new window) Web 技术权威文档
- 现代 JavaScript 教程 (opens new window) 以最新标准为基准的 JS 教程
- ES5 教程 (opens new window) 阮一峰的 JS 教程
- ES6 教程 (opens new window) 阮一峰的 ES6 教程
- Bash 脚本教程 (opens new window) 阮一峰编写
- ECMA (opens new window) ECMA 官网
- 腾讯云开发者手册 (opens new window)
# 社区
- stack overflow (opens new window) 同上,外网的
- InfoQ (opens new window)
- V2EX (opens new window)
- 鱼塘热榜 (opens new window) 划水网站,收集了很多网站,当天热门文章
- 码力全开资源库 (opens new window) 很全很强大,独立开发者/设计干货/优质利器/工具资源...
# 博客
- 阮一峰的网络日志 (opens new window)
- samanthaming (opens new window) 对前端小知识点的总结,并为每个知识点制作精美的小卡片。
# 电子书
- JavaScript 百炼成仙 (opens new window)
- 高教书苑 (opens new window) 高等教育出版社的书籍,包含多种学科。
- 前端电子书收集 (opens new window)
- SoBooks (opens new window) 免费的电子书资源网站
# 文章
# 科学上网
# Github
- github 短域名服务 (opens new window)
- shields (opens new window) 徽章图标
- followers 全球排名 (opens new window)
- star-history (opens new window) 展示一个项目 Stars 增长曲线
- github-risingstars (opens new window)
# 在线工具
# 开发
- Can I use (opens new window) 查看属性和方法的兼容性
- 30 seconds of code (opens new window) 收集了许多有用的代码小片段
- 在线版本的 postman (opens new window)
- 分享 json (opens new window)
- 流程编辑器 (opens new window)
# 代码编辑
- codepen (opens new window) 在线代码编辑与演示
- codesandbox (opens new window) 内嵌 VSCode 的在线 IDE
- 分析代码 (opens new window)
# Emoji 表情
- emoji 表情 (opens new window)
- emoji 表情备忘录 (opens new window)
- gitmoji (opens new window) 通过 emoji 表达 git 的操作内容
windows 系统下按Win+.快速打开表情选择框
# 图片工具
- 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) 黑白修复、无损放大、动漫化、铅笔画等。
- remove (opens new window) AI 抠图
# 作图
- processon 在线作图 (opens new window) 流程图、思维导图、原型图等
- 百度脑图 (opens new window) 思维导图
# CSS
- 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)
- 花纹背景-pattern.css (opens new window)
- 3D 字体 (opens new window)
- css-tricks (opens new window) css 技巧文章
- You-need-to-know-css (opens new window) CSS 的各种 DEMO,很全
- animista (opens new window) CSS 动画可视化工具
# CDN 加速
- jsDelivr (opens new window) 国外的一家优秀的公共 CDN 服务提供商
- unpkg (opens new window) cdn 服务
# 网站托管
- vercel (opens new window) 好用的网站托管服务
# 正则
# 其他
# 设计
- 创造师导航 (opens new window)
- 设计师网址导航 (opens new window)
- remove (opens new window) AI 抠图,抠图算法很厉害
- Manypixels (opens new window) 插画
- Undraw (opens new window) 插画
- uimovement (opens new window) 能从这个网站找到不少动画交互的灵感
- 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 制作网站
- namecheap (opens new window)又一个 logo 制作网站
- logo-maker (opens new window) 又一个 logo 制作网站 这个更简单点 就是选模板之后微调
- coolors (opens new window) 帮你在线配色的网站 你能找到不少配色灵感
- colorhunt (opens new window) 另一个配色网站
- uigradients (opens new window) 渐变色网站
- designcap (opens new window) 在线海报设计
- Flat UI 色表 (opens new window) Flat UI 色表
- 0to255 (opens new window) 颜色梯度
- Ikonate (opens new window) 提供免费的图标 icons
- remixicon (opens new window) 又一个提供免费图标 icons
- feather (opens new window) 免费的 icons
- nord (opens new window) 北欧性冷淡风主题配色
- Unsplash (opens new window) 提供免费的高清图片
- Pexels (opens new window) 提供免费的高清图片
- colorkitty (opens new window) 从你的图片中提取配色
- design.youzan (opens new window) 有赞设计原则
- iconfont (opens new window) 阿里巴巴矢量图标库
- undraw (opens new window) 免费的矢量插画
- icomoon (opens new window) 矢量图标库
- cssicon (opens new window) 所有的 icon 都是纯 css 画的 缺点:icon 不够多
- CSS triangle generator (opens new window) 帮你快速用 css 做出三角形
- clippy (opens new window) 在线帮你使用 css clip-path 做出各种形状的图形
- Lorem Picsum (opens new window) 提供免费的占位图
- Canva 可画 (opens new window) 生成插画、封面、海报、头像等
# 图库
- uigradients (opens new window) 渐变色生成工具
- freepik (opens new window) banner 图库
- 觅元素 (opens new window)一天免费下载十张 psd
- 搞定设计 (opens new window) 可以抠图
- vectorizer (opens new window) 真正的 png 转 svg 神器
- 站酷 (opens new window)
- 花瓣 (opens new window)
- 虎克 (opens new window) Ps 学习教程
- beTheme (opens new window)
- UI 中国 (opens new window)
# 有趣
- 奇趣网站收藏家 (opens new window) 收藏了很多有趣的网站
- 帮你百度一下 (opens new window) 可以 点我测试一下 (opens new window)-
- 国际版 (opens new window) 同
帮我百度一下
-点我测试一下 (opens new window)- - wallhaven (opens new window) 壁纸网站-
- URL 地址播放 Emojis 动画 (opens new window) 在地址栏里面播放 emoji
- Can't Unsee (opens new window) 强烈建议前端、客户端、UI 开发的同学玩下,检查一下自己对设计稿的敏感度怎么样
- ggtalk (opens new window) 平时一直在听的一个技术博客
- awesome-comment (opens new window) 里面收集了很多有趣的代码注释
- text-img (opens new window) 都将图片转化为 ascii 用来写注释
- weird-fonts (opens new window) 将普通字母转化为 特殊 unicode
- snake (opens new window) 在地址栏里面玩贪吃蛇
- zero-width-lib (opens new window) 利用零宽度字符实现 隐形水印、加密信息分享、逃脱词匹配,很有创意
- abbreviations (opens new window) 查看一个简写是什么意思的网站
- magi (opens new window) ai 搜索神器,超屌
- 诺基亚短信图片生成器 (opens new window)
# 交互
- 微交互 (opens new window) 里面收集了市面上很多很好的微交互例子 值得学习
- Little Big Details (opens new window) 同上,一个国外微交互汇集网站
- cruip (opens new window) 登录页的各种页面设计,可以免费下载模板
- Comixify (opens new window) 一个波兰团队做了非常好玩的工具,可以把视频自动转成漫画,上图是他们提供的 demo,效果很棒。
- taiko-web (opens new window) 太鼓达人网页版 只能说很 6
# 教程
- npx (opens new window) 教你怎么合理的使用 npx
- hacksplaining (opens new window) 网络安全学习网站
- mobile-web-best-practice (opens new window) 移动 web 最佳实践
# 产品
- 产品大牛 (opens new window) 什么有很多完整的产品原型可以借鉴
- 磨刀 (opens new window) 快速出 ui 原型
# 实用
- browser-update (opens new window) 浏览器版本更新提示插件
- typeform (opens new window) 一个国外的在线调查问卷网站
- VideoFk (opens new window) VideoFk 视频在线解析下载
- 全历史 (opens new window) 历史内容聚合网站
- UzerMe (opens new window) 云端办公工具
- SoBooks (opens new window) 强大的电子书资源网站
- 稿定设计 (opens new window) 键式设计工具+智能抠图
- 大力盘 (opens new window) 百度网盘搜索
- ENFI 下载器 (opens new window) 不限速下载器
- 来画视频 (opens new window) 像做 PPT 一样做短视频
- Arkie 海报制作工具 (opens new window)
- 优品 PPT (opens new window)
- 比格 PPT (opens new window)
- 高清免费图片 (opens new window)
- 高清免费图片 2 (opens new window)
# Talk
- peerigon-talks (opens new window) 收集了不少有意思的 talks
# 算法
- leetcode (opens new window) 用 js 刷 leetcode
- 数据结构和算法动态可视化 (opens new window) 数据结构和算法动态可视化
编辑 (opens new window)
上次更新: 2024/11/29, 10:10:04