Web
共 162 条资源
不知道该学什么？roadmap.sh 按方向画出技术路线图，开源免费
「前端要学哪些东西」这个问题，用文字回答会很长，用一张图回答就很直观。roadmap.sh 把各个方向的技术栈画成可勾选的路线图。
调试回调收不到请求：Webhook.site 给个临时地址，来什么看一眼
对接第三方回调（支付、消息推送、GitHub Webhook）时最常见的问题是「到底发没发过来」。有个公开的临时地址先接着，能立刻分清是对方没发还是自己没收到。
背景图不用会设计：Haikei 在线生成 SVG 背景，免费可商用
页面背景是最容易被忽视、又最影响质感的一块。用纯色太平，用照片太重。Haikei 能在线生成 SVG 背景，体积小、可无限缩放。
面试系统设计不再慌：System Design Primer 开源，讲透架构取舍
系统设计面试最难准备，因为问题都很开放：「设计一个短链接服务」「设计微博时间线」。这个项目把常见题目的思路、组件与取舍整理成了系统材料。
时间戳看不懂：在线转换秒与毫秒，顺便处理时区与日期格式
日志里一行 1758240000，看不出这是哪一天；数据库里存的时间又可能是毫秒。这类数字和人能读的时间之间，需要一个转换器。
做平铺纹理不用画：Pattern Monster 免费 SVG 图案随取随用
网页背景、卡片底纹、包装设计里常用到「平铺纹理」。手工画无缝图案很费功夫，Pattern Monster 提供了一批现成的、参数可调的 SVG 图案。
学深度学习先动手：这本开源教材免费，代码直接能跑
深度学习教材的通病是「公式多、代码少」，看完还是不会写。这本书反过来：每讲一个概念就配一段可运行的代码，在代码里理解原理。
零散小需求不用装软件：PineTools 上百个在线小工具，全免费
「把图片倒过来」「给文件名批量加前缀」「算出两个日期差多少天」，这类需求一年可能就遇到两三次，专门装软件纯属浪费。
3D 渲染的免费素材库：Poly Haven 的 HDRI 与材质全部 CC0
做 3D 渲染最难的不是建模，是让材质和光线看起来真实。Poly Haven 提供实拍的高清环境贴图与 PBR 材质，全部 CC0——连署名都不用。
几小时就能入门一项技能：Kaggle Learn 免费短课，带在线练习
Kaggle Learn 的课程都是「几小时能学完」的微课，每个知识点配在线练习，写错了系统会提示。适合快速建立某个工具或方法的基本认知。