每日链接
链接
我每天真的会打开的东西。文档、AI 助手、配色、托管、灵感 —— 按频次排序，可搜索。
聚焦 · 链接
精选链接
外链
MDN Web Docs
Mozilla's reference for every web API, CSS property, and JavaScript built-in.
docsreferenceweb
developer.mozilla.orgopen
Claude
Anthropic's chat assistant with long-context reading and careful code reasoning.
Coolors
Tap-to-lock palette generator with contrast, shading, and export to CSS variables.
Vercel
Next.js's first-party hosting — preview deploys, edge functions, image CDN.
hostinginfranextjs
Next.js Docs
Official App Router, routing, caching, and runtime documentation.
React Docs
React's modern, hooks-first documentation with interactive examples.
TypeScript Handbook
The canonical TypeScript tour — types, generics, narrowing, modules.
docsreferencetypescript
标签56 个链接
- Free
Awwwards
The trophy-case site for ambitious web work, often heavy on motion and WebGL.
Useful sometimes; mostly a calibration check for what counts as overproduced.
designinspiration - Free
Can I Use
Browser support tables for every web feature, with usage data baked in.
Before reaching for a new CSS or Web API, I check whether Safari 15 will sulk.
referencebrowserscompat - Free
Carbon
Render code snippets as polished images for docs, slides, or social posts.
When a screenshot of code needs to look like a screenshot of code, not a Word document.
utilitydesigncode - Freemium
ChatGPT
OpenAI's chat assistant with browsing, image, and code-execution modes.
Second opinion when Claude and I are stuck in a loop.
aiassistant - Freemium
Claude
Anthropic's chat assistant with long-context reading and careful code reasoning.
First stop for design rationale, careful refactors, and reading large files.
aiassistant - Freemium
Cloudflare Pages
Pages and Workers on Cloudflare's edge network with a flat free tier.
When latency to the rest of the world matters more than NPM compatibility.
hostinginfraedge - Freemium
CodePen
HTML/CSS/JS playground tuned for share-friendly front-end demos.
Still the cleanest place to share a CSS curiosity in one link.
playgroundcss - Freemium
CodeSandbox
Cloud editor that boots a real Node container — full npm, env vars, and previews.
Reproducing a bug for a maintainer without setting up a private repo.
playgroundreactnode - Freemium
Coolors
Tap-to-lock palette generator with contrast, shading, and export to CSS variables.
Fastest way to draft a five-color palette that doesn't look extruded from a stock illustration.
designcolor - Freemium
Cursor
VS Code-based editor with agent mode, multi-file edits, and inline chat.
Where I send Claude to actually edit the repo, not just talk about it.
aieditor - Free
DevDocs
Fast, offline-friendly aggregator that bundles 100+ language and framework docs.
Cmd-F across every doc set without 50 open tabs.
docsreferenceoffline - Free
DuckDuckGo
Privacy-respecting search with !bang shortcuts to jump straight to other sites.
`!mdn`, `!gh`, `!npm` shave seconds off every reference lookup.
search - Freemium
Excalidraw
Hand-drawn-style virtual whiteboard for diagrams, sketches, and architecture notes.
The diagrams in my notes folder are 90% from here.
utilitydiagramdrawing - Freemium
Fly.io
Run containers close to users in 35+ regions; persistent volumes and IPv6 by default.
When latency is the feature and a single-region serverless deploy won't cut it.
hostinginfraedge - Freemium
GitHub
Code hosting, code review, and where most open-source actually lives.
Where this site's source — and most of my reading list — actually lives.
open-sourcecommunitycode - Paid
GitHub Copilot
GitHub's in-editor AI pair, with chat, completions, and PR review.
Quietly autocompletes the boring half of every file I touch.
aieditor - Free
Google
The web's default search engine, for better and worse.
Still the fallback when DuckDuckGo's bangs miss; mostly for image and recent-news queries.
search - Free
Hacker News
Y Combinator's link board for engineering, startups, and tech-adjacent essays.
Once a day, comment threads first.
communitynews - Free
Heroicons
Tailwind Labs' MIT-licensed SVG icon set — outline, solid, and mini variants.
When I need a clean, neutral icon and don't want to argue about line weights.
designicons - Free
HTML Living Standard
The WHATWG HTML specification — the actual contract browsers implement.
When MDN and StackOverflow disagree, the spec wins.
docsreferencespec - Free
JSFiddle
The original four-pane HTML/CSS/JS/result playground, still useful for bug repros.
When a stack overflow thread links to one and I want to fork rather than rewrite.
playground - Freemium
JSON Crack
Visual JSON graph viewer with search, format, and image export.
Seeing a deep API response as a node graph is faster than reading nested braces.
utilityjsondebug - Paid
Kagi
Paid, ad-free search with personal site rankings and a clean UI.
The first search engine in a decade that's earned a default-browser slot.
search - Free
Land-book
Gallery of landing pages filtered by style, type, industry, and color.
Quick reference when I need ten variations on a hero before writing one.
designinspiration - Freemium
Linear
Issue tracker that treats keyboard speed and intentional UX as features.
Where I track the shipping queue for this site; everything else feels slow in comparison.
productivity - Free
Lobsters
Invite-only link board with a tighter signal-to-noise ratio than HN.
Better when I want low-volume, high-substance threads about systems and tooling.
communitynews - Free
Lucide
Community-driven Feather fork with 1,500+ icons and tree-shakable React bindings.
The icon set this site already uses — search before reinventing a glyph.
designiconsreact - Free
MDN Web Docs
Mozilla's reference for every web API, CSS property, and JavaScript built-in.
The least-bad source of truth for browser behaviour, with examples that actually run.
docsreferenceweb - Freemium
Mobbin
Searchable screenshot library of real iOS, Android, and web product flows.
Before designing a new flow, see how five mature products already solved it.
designinspirationux - Freemium
Netlify
Static-first hosting with edge functions, forms, and a generous free tier.
Still the friendliest place for a small static site or marketing page.
hostinginfrastatic - Free
Next.js Docs
Official App Router, routing, caching, and runtime documentation.
Open this before assuming any Next.js behaviour — the v15 → v16 surface keeps shifting.
docsreferencenextjs - Freemium
Notion
All-in-one workspace for notes, docs, databases, and lightweight wikis.
Long-form thinking and long-lived docs live here; quick notes go to Apple Notes.
productivitynotes - Freemium
Page Flows
Recorded onboarding and product flows from real apps, frame by frame.
The clearest way to study how shipped products handle empty states and edge transitions.
designuxinspiration - Freemium
Perplexity
AI-cited search that links every claim back to a source.
Faster than Google when I want a cited summary, not a SEO-spam ranking.
aisearch - Free
Phosphor Icons
Six-weight icon family with consistent geometry across the whole set.
When the project's accent demands something curvier than Lucide.
designicons - Freemium
Railway
Project-shaped hosting for full apps — Postgres, Redis, cron, the lot.
When something needs a real database and I'm not ready to wrangle a Docker host.
hostinginfradatabase - Freemium
Raycast
macOS launcher with extensions for clipboard, snippets, AI, and window management.
Spotlight, but with the scripts and shortcuts I actually rely on.
productivitymacos - Free
React Docs
React's modern, hooks-first documentation with interactive examples.
Re-reading the rules of hooks every six months is healthy.
docsreferencereact - Freemium
Read the Docs
Hosted documentation for thousands of open-source projects, especially Python ones.
The natural habitat for Sphinx-built docs that GitHub README links point at.
docsopen-sourcereference - Free
Realtime Colors
Live-preview a full palette on a sample landing page before committing to tokens.
Picking accent colors against actual UI beats squinting at hex swatches.
designcolorpreview - Free
Regex101
Regex tester with named flavors, capture group inspector, and explanation pane.
More patient than the JS-only tester on this site when the regex turns hairy.
utilityregexdebug - Freemium
Replit
Browser IDE with deploy targets and AI features across most languages.
When the demo isn't JavaScript and I don't want to install a new toolchain.
playgroundide - Free
SiteInspire
Curated showcase of well-designed websites, taggable by style and type.
Lower noise than Awwwards when I'm scouting layout and typography ideas.
designinspiration - Free
Squoosh
Google's side-by-side image compressor — every format, every codec, in the browser.
Tuning AVIF vs WebP without spinning up a CLI; the diff slider is honest.
utilityimageperformance - Freemium
StackBlitz
WebContainer-powered editor that runs Node entirely in the browser, instant boot.
Faster than CodeSandbox for a quick Vite or Next demo.
playgroundvitenode - Freemium
Supabase
Open-source Postgres-backed BaaS with auth, storage, realtime, and edge functions.
What powers this site's accounts and comments — Postgres without the operational tax.
hostinginfradatabase - Free
Tailwind CSS Docs
Searchable reference for every Tailwind utility, with v4 token syntax up front.
v4 changed enough that muscle memory from v3 isn't enough anymore.
docsreferencecss - Free
Tints and Shades
Generate evenly stepped tints and shades for any base color.
Sometimes you just need ten ticks lighter and ten ticks darker, no algorithm theatre.
designcolor - Freemium
TinyPNG
Lossy PNG and JPG compression that's usually indistinguishable from the original.
Crunch a handful of marketing assets without thinking about codecs.
utilityimageperformance - Freemium
tldraw
Multiplayer whiteboard with sharp geometry, arrows that snap, and a real undo stack.
When Excalidraw's wobble is wrong for the audience.
utilitydiagramdrawing - Free
TypeScript Handbook
The canonical TypeScript tour — types, generics, narrowing, modules.
Cheaper than asking the compiler what `as const` actually means.
docsreferencetypescript - Free
UI Colors
Generate full Tailwind shade scales from a single hex.
Turning a brand color into a 50-950 ramp without doing it by hand.
designcolortailwind - Freemium
v0
Vercel's UI generator — describe a screen, get React + shadcn output you can edit.
Useful for breaking a blank-page block, not as a final component source.
aiuidesign - Freemium
Vercel
Next.js's first-party hosting — preview deploys, edge functions, image CDN.
Where this site lives; the deploy story is still the smoothest.
hostinginfranextjs - Free
web.dev
Google's guidance on performance, accessibility, and modern web platform patterns.
When I need an opinionated answer about Core Web Vitals, not a comment thread.
docsreferenceperformance - Free
web.dev Learn
Structured courses on CSS, HTML, accessibility, performance, and PWAs.
Filling in the gaps I picked up out of order — especially the accessibility track.
learningdocs