别院牧志知识库 别院牧志知识库
首页
  • 基础

    • 全栈之路
    • 😎Awesome资源
  • 进阶

    • Python 工匠系列
    • 高阶知识点
  • 指南教程

    • Socket 编程
    • 异步编程
    • PEP 系列
  • 面试

    • Python 面试题
    • 2022 面试记录
    • 2021 面试记录
    • 2020 面试记录
    • 2019 面试记录
    • 数据库索引原理
  • 基金

    • 基金知识
    • 基金经理
  • 细读经典

    • 德隆-三个知道
    • 孔曼子-摊大饼理论
    • 配置者说-躺赢之路
    • 资水-建立自己的投资体系
    • 反脆弱
  • Git 参考手册
  • 提问的智慧
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
首页
  • 基础

    • 全栈之路
    • 😎Awesome资源
  • 进阶

    • Python 工匠系列
    • 高阶知识点
  • 指南教程

    • Socket 编程
    • 异步编程
    • PEP 系列
  • 面试

    • Python 面试题
    • 2022 面试记录
    • 2021 面试记录
    • 2020 面试记录
    • 2019 面试记录
    • 数据库索引原理
  • 基金

    • 基金知识
    • 基金经理
  • 细读经典

    • 德隆-三个知道
    • 孔曼子-摊大饼理论
    • 配置者说-躺赢之路
    • 资水-建立自己的投资体系
    • 反脆弱
  • Git 参考手册
  • 提问的智慧
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 网站
    • 文档
    • 社区
    • 博客
    • 电子书
    • 文章
    • 科学上网
    • 视频
      • 电视直播
    • Github
    • 在线工具
      • 开发
      • 代码编辑
      • UI
      • Emoji 表情
      • 图片压缩
      • 作图
      • CSS
      • CDN 加速
      • 正则
      • 其他
    • 设计
      • 图库
    • 有趣
    • 交互
    • 教程
    • 产品
    • 实用
    • Talk
    • 算法
  • 「在线工具秘籍」 OnlineToolsBook
  • 自定义 Windows10 终端工具配置
  • 聚合影音中心
  • 成长计划
  • 成长计划
  • 一些有用的网站集合
  • 免费为你的网站创建 logo
目录

网站

# 个人收藏夹

一位大佬的收藏夹 (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) 涵盖多种语言的初级教程
  • 腾讯云开发者手册 (opens new window)

# 社区

  • Github (opens new window) 程序员同性交友社区
  • 掘金 (opens new window) 一个帮助开发者成长的社区
  • 简书 (opens new window) 有很多频道的创作社区
  • 思否 (opens new window) 解决技术问题的社区
  • stackoverflow (opens new window) 同上,外网的
  • InfoQ (opens new window)
  • V2EX (opens new window)
  • 鱼塘热榜 (opens new window) 划水网站,收集了很多网站,当天热门文章

# 博客

  • 阮一峰的网络日志 (opens new window)
  • samanthaming (opens new window) 对前端小知识点的总结,并为每个知识点制作精美的小卡片。
  • css-tricks (opens new window) css 技巧文章
  • You-need-to-know-css (opens new window) CSS 的各种 DEMO,很全
  • animista (opens new window) CSS 动画可视化工具

# 电子书

  • 前端电子书收集 (opens new window)
  • SoBooks (opens new window) 免费的电子书资源网站

# 文章

  • 灵活运用 CSS 开发技巧 (opens new window)

# 科学上网

  • 谷歌 chrome 商店访问助手 (opens new window)

  • 谷歌云(GCP)一键搭建 V2Ray 让你畅快科学上网 (opens new window)

# 视频

  • 慕课网 (opens new window) 实战视频教程
  • 妙味课堂 (opens new window) 比较系统的前端入门视频教程
  • 中国大学 MOOC (opens new window) 涵盖计算机、外语、心理学等专业免费课程
  • bilibili (opens new window) B 站,上面也有一些可供学习的免费视频
  • egghead (opens new window) 质量还不错的短视频教程,外网

# 电视直播

  • CCTV、卫视高清直播 (opens new window)

# Github

  • github 短域名服务 (opens new window)
  • shields (opens new window) 徽章图标
  • followers 全球排名 (opens new window)
  • star-history (opens new window) 展示一个项目 Stars 增长曲线

# 在线工具

# 开发

  • Can I use (opens new window) 查看属性和方法的兼容性
  • 30 seconds of code (opens new window) 收集了许多有用的代码小片段

# 代码编辑

  • codepen (opens new window) 在线代码编辑与演示
  • codesandbox (opens new window) 内嵌 VSCode 的在线 IDE

# UI

  • 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) 提供免费的占位图

# 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) 谷歌出品在线免费图片压缩工具

# 作图

  • 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)

# CDN 加速

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

# 正则

  • 正则可视化 (opens new window)

# 其他

  • Linux 命令手册 (opens new window)
  • 代码图片生成器 (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) 有赞设计原则

# 图库

  • 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)
上次更新: 2024-07-15, 08:03:22
「在线工具秘籍」 OnlineToolsBook

「在线工具秘籍」 OnlineToolsBook→

最近更新
01
提升沟通亲和力的实用策略
03-26
02
工作
07-15
03
如何选房子
06-25
更多文章>
Theme by Vdoing | Copyright © 2019-2025 IMOYAO | 别院牧志
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式