仓库源文站点原文

Worth learning repeatedly

Stanford CS 106B Lectures: https://www.youtube.com/playlist?list=PLoCMsyE1cvdWiqgyzwAz_uGLSHsuYZlMX

Web Security: https://web.stanford.edu/class/cs253

How DNS works: https://howdns.works

How HTTPS works: https://howhttps.works

Inside look at modern web browser (4 parts): https://developers.google.com/web/updates/2018/09/inside-browser-part1

Intro to Computer Systems: https://www.cs.cmu.edu/afs/cs/academic/class/15213-f19/www/schedule.html

The Missing Semester of Your CS Education: https://missing.csail.mit.edu

High Performance Browser Networking: https://hpbn.co

Docker Guide: https://www.robertcooper.me/docker-guide

Tail Call Optimization: https://www.youtube.com/watch?v=-PX0BV9hGZY

Modern Web App Design Patterns: https://www.patterns.dev

What happens when we type google.com in a browser: https://github.com/vasanthk/how-web-works

Machine Learning for Beginners: https://github.com/microsoft/ML-For-Beginners

Artificial Intelligence for Beginners: https://github.com/microsoft/AI-For-Beginners

MCP for Beginners: https://github.com/microsoft/mcp-for-beginners

90DaysOfDevOps: https://github.com/MichaelCade/90DaysOfDevOps

Beginner's TypeScript tutorial: https://www.totaltypescript.com/tutorials

Total TypeScript Essentials: https://www.totaltypescript.com/books/total-typescript-essentials

Why web tech is like this: https://www.youtube.com/watch?v=3QEoJRjxnxQ

B-trees and database indexes: https://planetscale.com/blog/btrees-and-database-indexes


Tools and Cool websites

Chrome urls: chrome://chrome-urls

Everything I googled as a senior software engineer: https://localghost.dev/blog/everything-i-googled-in-a-week-as-a-senior-software-engineer

A collective list of free APIs: https://github.com/public-apis/public-apis

JavaScript Performance Monitor: https://github.com/mrdoob/stats.js

Tips to get more comfortable with DevTools: https://devtoolstips.org/

Chrome DevTools tips: https://umaar.com/dev-tips/

Frontend build config generator: https://createapp.dev/

Sketch UI with a hand-drawn look: https://excalidraw.com/

A tiny little drawing app: https://tldraw.com/

Images of source code: https://carbon.now.sh, https://ray.so

Manage node_modules in the system: https://github.com/voidcosmos/npkill

The world smallest office suite: https://github.com/zserge/awfice

Interactive website with live coding: https://www.strml.net/

Driving game run in a browser: https://slowroads.io/

Summer Afternoon: https://summer-afternoon.vlucendo.com/

You're not a front-end developer until you've..: https://www.nicchan.me/blog/youre-not-a-front-end-developer-until-youve/

Neal.Fun: https://neal.fun/

HTTP Cats: https://http.cat/

Doodles-as-A-Service Repo: https://github.com/girliemac/a-picture-is-worth-a-1000-words

Github contributions in 3D: https://skyline.github.com

wenyan‑lang: https://wy-lang.org/

Build your own X: https://github.com/danistefanovic/build-your-own-x

You Don't Need: https://github.com/you-dont-need/You-Dont-Need

The Timeline of The Web: https://thehistoryoftheweb.com/timeline/

Floating Point Math: https://0.30000000000000004.com/ (`https://${0.1 + 0.2}.com`)

Web based macOS and Windows XP desktop recreation: https://macos-web.app, https://winxp.vercel.app

Windows 11 in React: https://github.com/blueedgetechno/win11React

Windows 95 style UI component library for React: https://github.com/react95-io/React95

An AI chatbot in Win95 style: https://wingpt.vercel.app

Github repos and users with a Windows 95 style: https://github95.vercel.app

The Steve Jobs Archive: https://stevejobsarchive.com

A web scraping and browser automation library: https://crawlee.dev

Console for mobile browsers: https://github.com/liriliri/eruda

Get an insight into the inner-workings of a given website: https://web-check.xyz

Astro starter powered by MPA view transitions: https://github.com/argyleink/morphull

Web accessibility interactive quizzes: https://www.a11yiseverything.com/quizzes/aria-label

A tool for writing better scripts: https://github.com/google/zx

The resource you’ll ever need for mechanical keyboards: https://www.keyboard.university

Remote desktop environment in the browser: https://github.com/HeyPuter/puter

See Core Web Vitals and PageSpeed Insights results simply and easily: https://page-speed.dev

A powerful media downloader with no bullshit: https://cobalt.tools

A high-performance HTTP benchmarking tool written in Golang: https://github.com/six-ddc/plow

Netlify Celebrates 5 Million Developers in 3D Game: https://5-million-devs.netlify.com

Utilities to work with PDFs in Node.js, browser and workers: https://github.com/unjs/unpdf

Bare metal to production ready in minutes: https://github.com/MightyMoud/sidekick

Make your PDFs look scanned: https://github.com/rwv/lookscanned.io

Log in the node terminal from the browser: https://github.com/patak-dev/vite-plugin-terminal

Background removal with Transformers.js: https://github.com/addyosmani/bg-remove

Your coding year in review: https://githubunwrapped.com

Smoothly animated code blocks with Shiki: https://github.com/shikijs/shiki-magic-move

An interactive tutorial to Learn Yjs: https://learn.yjs.dev

Google Chrome Dino 3D WebGL game: https://github.com/addyosmani/chrome-dino-3d

Hypertext TV shared schedule for the web: https://hypertext.tv

Desktop environment in the browser: https://github.com/DustinBrett/daedalOS

The avatar library you've always been looking for: https://www.dicebear.com

Universal bundle analyzer: https://sonda.dev

Converting files and office documents to Markdown: https://github.com/microsoft/markitdown

Native desktop automation that controls your mouse: https://github.com/nut-tree/nut.js, https://www.npmjs.com/package/@nut-tree-fork/nut-js


CSS related

Defensive CSS - writing CSS that is protected: https://ishadeed.com/article/defensive-css

Understanding Layout Modes: https://www.joshwcomeau.com/css/understanding-layout-algorithms

CSS Dinner Selectors: https://flukeout.github.io

CSS percentage: https://wattenberger.com/blog/css-percents

Centering in CSS: https://ishadeed.com/article/learn-css-centering

Learn CSS Positioning: https://ishadeed.com/article/learn-css-positioning

Everything About Auto in CSS: https://ishadeed.com/article/auto-css

Box alignment in Grid and Flexbox: https://ishadeed.com/article/learn-box-alignment

Understanding Z-Index: https://ishadeed.com/article/understanding-z-index

Digging Into CSS Logical Properties: https://ishadeed.com/article/css-logical-properties

Basic styles for HTML Elements without classes: https://boltcss.com

CSS Flexbox: https://github.com/samanthaming/Flexbox30

CSS Grid: https://css-tricks.com/snippets/css/complete-guide-grid

Scroll Snap: https://oh-snap.netlify.app

Simple CSS scrollbar editor: https://scrollbar.app

A Modern CSS Reset: https://piccalil.li/blog/a-more-modern-css-reset

Build faithful recreations of old UIs: https://jdan.github.io/98.css, https://botoxparty.github.io/XP.css, https://khang-nd.github.io/7.css

How to create high-performance CSS animations: https://web.dev/animations-guide

CSS clip-path defining the visible region: https://ishadeed.com/article/clip-path

Intro to CSS 3D transforms: https://3dtransforms.desandro.com

Color Formats in CSS: https://www.joshwcomeau.com/css/color-formats

It's time to learn oklch color: https://keithjgrant.com/posts/2023/04/its-time-to-learn-oklch-color

Demo of using HDR colors in CSS: https://github.com/ardov/hdr-web

Open Source CSS Variables: https://open-props.style

Across pages view transitions: https://smashing-transitions.netlify.app

CSS Wrapped 2023 from Chrome for Developers: https://developer.chrome.com/blog/css-wrapped-2023

What You Need to Know about Modern CSS: https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-spring-2024-edition

Compare web animation techniques by bouncing a ball: https://sparkbox.github.io/bouncy-ball

A Friendly Introduction to Spring Physics: https://www.joshwcomeau.com/animation/a-friendly-introduction-to-spring-physics

Easing Wizard - CSS easing functions made easy: https://easingwizard.com

The Collection of CSS-only Shapes: https://css-shape.com

Styling Tables the Modern CSS Way: https://piccalil.li/blog/styling-tables-the-modern-css-way

Amazing CSS in 2024: https://nerdy.dev/amazing-css-in-2024

CSS Wrapped 2024: https://chrome.dev/css-wrapped-2024

First Look at The Modern attr(): https://ishadeed.com/article/modern-attr


FE dev resources

Web Interface Guidelines: https://github.com/raunofreiberg/interfaces

Great Animations: https://emilkowal.ski/ui/great-animations

Copy & Paste React Components for Dashboards: https://github.com/tremorlabs/tremor

The Biggest Collection of Loading Animations: https://css-loaders.com

Understanding SVG Paths: https://www.nan.fyi/svg-paths

CSS animations on demand: https://animista.net

Box-shadow: https://neumorphism.io

Beautiful hand-crafted SVG icons: https://heroicons.com

Drive user's focus across the page: https://driverjs.com

Split an element by words, characters, children and more: https://splitting.js.org

Lightweight fuzzy-search library: https://fusejs.io

Tiny and powerful in-memory JavaScript full-text search engine: https://github.com/lucaong/minisearch

Create full screen pages fast and simple: https://github.com/alvarotrigo/fullPage.js

daisyUI components - Use Tailwind CSS but write fewer class names: https://daisyui.com

Easy visualizer for JavaScript KeyCodes: https://keycode.info

Scroll-driven Animations: https://scroll-driven-animations.style

A library that helps you create floating elements such as tooltips: https://floating-ui.com

Color palette inspiration site: https://www.happyhues.co

Delightful JavaScript plugins: https://metafizzy.co

The next open source file uploader for web browsers: https://uppy.io

Draggable objects: https://www.redblobgames.com/making-of/draggable

A modern animation library for JavaScript and React: https://motion.dev

PartyKit at ViteConf 2023: https://blog.partykit.io/posts/partykit-at-viteconf

Typing Animation Library. Enter in any string, and watch it type: https://github.com/mattboldt/typed.js

What PWA Can Do Today: https://whatpwacando.today

OCR PDFs and images directly in your browser: https://tools.simonwillison.net/ocr

Web component JS frameworks overview by their syntax and features: https://component-party.dev

Converting any layout you have to drag-to-swap layout: https://github.com/TahaSh/swapy

Smoothly transition one element into another: https://github.com/TahaSh/blendy

Drag and drop for any experience on any tech stack: https://github.com/atlassian/pragmatic-drag-and-drop

Leaflet extension for various free tile providers: https://github.com/leaflet-extras/leaflet-providers

A headless UI library that works for a wide range of JS frameworks: https://github.com/chakra-ui/ark

A component to transition, format, and localize numbers: https://number-flow.barvian.me

Rich text editor comparison in 2025: https://liveblocks.io/blog/which-rich-text-editor-framework-should-you-choose-in-2025

WebGL globe library: https://github.com/shuding/cobe


React ecosystem

The Beginner's Guide to React: https://egghead.io/courses/the-beginner-s-guide-to-react or https://www.youtube.com/watch?v=7_x4AuqHxlg

Getting Closure on React Hooks by Shawn Wang: https://www.youtube.com/watch?v=KJP1E-Y-xyo

Building a Custom React Renderer by Sophie Alpert: https://www.youtube.com/watch?v=CGpMlWVcHok

Deconstructing React by Tejas Kumar: https://www.youtube.com/watch?v=eTcyOCd6v1c

All Developer Way Articles about React: https://www.developerway.com

Build your own React: https://pomb.us/build-your-own-react

A collection of React hooks from the ui.dev team: https://usehooks.com

50 react hooks from scratch: https://github.com/tigerabrodi/50-react-hooks

Next vs Remix (FULL STACK FRAMEWORK QUICKSTART): https://www.brenelz.com/posts/next-vs-remix

Learn Next.js course by Vercel: https://nextjs.org/learn

Create forms and handle data mutations in the Next.js by leerob: https://www.youtube.com/watch?v=dDpZfOQBMaU

Build Your Own React.js in 400 Lines of Code: https://webdeveloper.beehiiv.com/p/build-react-400-lines-code

React Internals Deep Dive: https://jser.dev/series/react-source-code-walkthrough

UI Library for Design Engineers: https://github.com/magicuidesign/magicui

Our Journey with Caching: https://nextjs.org/blog/our-journey-with-caching

React Visualized: https://react.gg/visualized

Collection of copy-and-paste components for quickly building UI: https://originui.com

The creative library of animated React components: https://www.reactbits.dev

Neobrutalism-styled components based on shadcn/ui: https://www.neobrutalism.dev

A custom registry of open source shadcn/ui components: https://www.kibo-ui.com

React Server Components in AI Applications by Tejas: https://www.youtube.com/watch?v=fsAYMNl1Cj0

React's evolution from Hooks to Concurrent React: https://tigerabrodi.blog/reacts-evolution-from-hooks-to-concurrent-react

What's new in React 19 by Lydia Hallie: https://www.youtube.com/watch?v=AJOGzVygGcY

React 19 Cheat Sheet: https://www.epicreact.dev/react-19-cheatsheet


Vue and Vite ecosystem

Updates, tips & opinions from the maintainers of Vue.js: https://blog.vuejs.org

Vue Land FAQ: https://vue-land.github.io

Vue 3 Migration Guide: https://v3-migration.vuejs.org

Vue.js and Nuxt Tips, Tricks and good practice: https://vuejstips.com

A curated list of awesome things related to Vite.js: https://github.com/vitejs/awesome-vite

Collection of essential Vue Composition Utilities: https://vueuse.org

VitePress - Vite & Vue Powered Static Site Generator: https://vitepress.vuejs.org

Declarative ThreeJS using Vue Components: https://tresjs.org

Unified plugin system for build tools: https://github.com/unjs/unplugin

A lightweight, customizable Vue UI library for mobile web apps: https://vant-ui.github.io

Modular and Accessible UI Components for your Vue Applications (Made for Vue 2.x): https://vue.chakra-ui.com

Craft accessible web apps with Vue: https://github.com/unovue/reka-ui

Vue port of shadcn-ui: https://github.com/unovue/shadcn-vue

An unstyled drawer component for Vue: https://github.com/unovue/vaul-vue

Build beautiful website using Vue & Nuxt: https://inspira-ui.com

Vue UI Component Library: https://primevue.org

Drag and drop components that support Vue2 and Vue3: https://alfred-skyblue.github.io/vue-draggable-plus

Vue3 wrapper components for smooth-dnd: https://gilnd.github.io/vue3-smooth-dnd

The Guide to Building a Vue.js Component Library: https://soubiran.dev/series/the-complete-guide-to-building-a-vue-js-component-library

The Guide to Setting Up a New Nuxt Project: https://soubiran.dev/posts/the-perfect-guide-to-setting-up-a-new-nuxt-project

3D page flip effect for Vue2 and Vue3: https://github.com/ts1/flipbook-vue

Modern and Performant Bottom Sheet for Vue: https://github.com/megaarmos/vue-spring-bottom-sheet

Clerk official SDK for Vue: https://clerk.com/changelog/2025-01-07-vue-and-nuxt-sdk

Next Generation file based typed routing for Vue Router: https://github.com/posva/unplugin-vue-router

Full Stack App Build by CJ: https://www.youtube.com/watch?v=DK93dqmJJYg

The creative library of animated Vue components: https://vue-bits.dev


Browsers related

Google Chrome upcoming schedule: https://chromiumdash.appspot.com/schedule

New in Chrome: https://developer.chrome.com/tags/new-in-chrome

What's New in DevTools (Articles): https://developer.chrome.com/tags/new-in-devtools

What's New in DevTools (Videos): https://www.youtube.com/playlist?list=PLNYkxOF6rcIBDSojZWBv4QJNoT4GNYzQD

Safari Release Notes: https://developer.apple.com/documentation/safari-release-notes/

Firefox release notes: https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases

New to the web platform (every month): https://web.dev/blog/web-platform-01-2024

Monitor and track the status of all Web Platform features: https://webstatus.dev

Web platform features explorer: https://web-platform-dx.github.io/web-features-explorer

What's new in ECMAScript: https://pawelgrzybek.com/whats-new-in-ecmascript-2025


Awesome LLMs

OpenAI Cookbook: https://cookbook.openai.com

Vercel AI SDK Cookbook: https://sdk.vercel.ai/cookbook

Awesome ChatGPT Prompts: https://prompts.chat

Prompt Engineering Guide: https://github.com/dair-ai/Prompt-Engineering-Guide

Anthropic prompt engineering: https://docs.anthropic.com/en/docs/build-with-claude/prompt-engineering

Chatbot Arena - Benchmarking LLMs in the Wild: https://lmarena.ai

Understanding GPT tokenizers: https://simonwillison.net/2023/Jun/8/gpt-tokenizers/

Catching up on the weird world of LLMs: https://simonwillison.net/2023/Aug/3/weird-world-of-llms/

[1hr Talk] Intro to Large Language Models: https://www.youtube.com/watch?v=zjkBMFhNj_g

AI chatbot app template built with the Vercel AI SDK: https://github.com/vercel/ai-chatbot

LangChain + Next.js starter template: https://github.com/langchain-ai/langchain-nextjs-template

How to make a QR code with Stable Diffusion: https://stable-diffusion-art.com/qr-code/

Fully client-side chat over documents: https://github.com/jacoblee93/fully-local-pdf-chatbot

Real-time image generation with Latent Consistency: https://www.fal.ai/dynamic

Generative UI chatbot using the Vercel AI SDK and Google Gemini: https://github.com/vercel-labs/gemini-chatbot

Pi, your personal AI from Inflection: https://pi.ai

Power your apps with real-time speech-to-text APIs: https://deepgram.com

A collection of Transformers.js demos: https://github.com/huggingface/transformers.js-examples

A collection of guides and examples for the Gemini API: https://github.com/google-gemini/cookbook

AI agent stdlib that works with any LLM and AI SDK: https://github.com/transitive-bullshit/agentic

A Webapp that uses RAG to interact with a PDF directly in the browser: https://pdf.nico.dev

Starter project for the Vercel AI SDK RAG guide: https://github.com/vercel/ai-sdk-rag-starter

Semantic Image Search with Vercel AI SDK: https://github.com/vercel-labs/semantic-image-search

Anthropic courses (all free): https://anthropic.skilljar.com

Quickly get started with building applications using the Anthropic API: https://github.com/anthropics/anthropic-quickstarts

React Components for AI Chat: https://github.com/Yonom/assistant-ui

OpenAI Realtime API updates: https://platform.openai.com/docs/guides/realtime

Audio input and output for the OpenAI Chat Completion API: https://simonwillison.net/2024/Oct/18/openai-audio

AI-powered search engine that is an open source alternative to Perplexity AI: https://github.com/ItzCrazyKns/Perplexica

JavaScript tokenizer for LLaMA 1 and LLaMA 2: https://github.com/belladoreai/llama-tokenizer-js

Conversational video interface with a holiday theme: https://santa.tavus.io

2024 AI Timeline: https://huggingface.co/spaces/reach-vb/2024-ai-timeline

Explore common agent recipes: https://www.agentrecipes.com

Vercel AI SDK Tutorial: https://www.aihero.dev/vercel-ai-sdk-tutorial

Tools for Vercel AI SDK: https://ai-sdk-agents.vercel.app

Keep searching, reading webpages, reasoning until an answer is found: https://github.com/jina-ai/node-DeepResearch

[3h31m video] Deep Dive into LLMs like ChatGPT by Andrej Karpathy: https://www.youtube.com/watch?v=7xTGNNLPyMI

AI SDK Reasoning Preview: https://github.com/vercel-labs/ai-sdk-reasoning-starter

An interactive demo to try the new text-to-speech model: https://www.openai.fm

Run AI Agent in your browser: https://github.com/browser-use/web-ui

GPT-4o Image Prompts Gallery: https://github.com/ImgEdify/Awesome-GPT4o-Image-Prompts

Up-to-date documentation you can talk to for every repo in the world: https://deepwiki.com

Real-time conversational AI models run locally: https://huggingface.co/spaces/webml-community/conversational-webgpu

An open-source database of AI models: https://models.dev

The AI browser automation framework: https://www.stagehand.dev

Context7 MCP Server -- Up-to-date code docs for LLMs: https://github.com/upstash/context7

Discover and share powerful prompts for AI models: https://shumerprompt.com

Open chat interface for all your models: https://github.com/ibelick/zola


Machine Learning

Stanford CS229 Machine Learning: https://cs229.stanford.edu

Linear Algebra Review and Reference: https://cs229.stanford.edu/summer2023/cs229-linalg.pdf

Review of Probability Theory: https://cs229.stanford.edu/summer2023/cs229-prob.pdf

CS 229 illustrated Machine Learning cheatsheets: https://stanford.edu/~shervine/teaching/cs-229/

Stanford CS224N - Natural Language Processing with Deep Learning: https://web.stanford.edu/class/cs224n/index.html

Princeton Natural Language Processing: https://princeton-nlp.github.io/cos484

Understanding Large Language Models: https://www.cs.princeton.edu/courses/archive/fall22/cos597G

Transformers from Scratch: https://e2eml.school/transformers.html

ML for front-end developers: https://docs.google.com/presentation/d/1f--c4Ui1VcmVgW4Gj3v-e_17GYfxRlbUSMnyk4sOVjg

Machine Learning 101 from Jason Mayes: https://docs.google.com/presentation/d/1kSuQyW5DTnkVaZEjGYCkfOxvzCqGEFzWBy4e9Uedd9k

MediaPipe Studio: https://mediapipe-studio.webapps.google.com

Visual explanations of core machine learning concepts: https://mlu-explain.github.io

Neural Networks Zero to Hero from Andrej Karpathy: https://www.youtube.com/playlist?list=PLAqhIrjkxbuWI23v9cThsA9GvCAUhRvKZ