Web Development Resources

Curated references for learning and working with modern web design and development tools, frameworks, and workflows.

Categories

HTML

• MDN HTML Guide
• WHATWG HTML Living Standard
• web.dev HTML basics

CSS

• MDN CSS Guide
• CSS-Tricks Almanac
• Tailwind CSS Documentation
• PostCSS
• Autoprefixer
• Modern CSS Solutions

Frameworks & Libraries

• React
• Vue
• Svelte
• Next.js
• Astro

TypeScript & Runtime

• TypeScript Handbook
• Node.js Docs
• Deno Docs
• Bun Docs

JavaScript

• MDN JavaScript Guide
• You Don't Know JS Yet
• javascript.info
• Eloquent JavaScript
• TC39 Proposals

UI, Design & Inspiration

• Figma
• Material Design
• Radix UI
• shadcn/ui
• Awwwards

Accessibility

• WAI Tutorials
• A11Y Project Checklist
• MDN Accessibility

AI for Web Design & Development

• GitHub Copilot
• ChatGPT
• Claude
• Google AI Studio
• Vercel v0
• Cursor
• Figma AI
• Midjourney

AI Resources

• OpenAI Cookbook
• Anthropic Docs
• Google Gemini API Docs
• OpenRouter
• LangChain
• Vercel AI SDK

Tools

• Can I use
• PageSpeed Insights
• Chrome DevTools
• ESLint
• Prettier
• Vite
• GitHub Actions

Testing

• Vitest
• Playwright
• Jest
• Testing Library

Productivity & Automation

• npm
• pnpm
• GitHub Copilot
• ChatGPT

Contributing

See CONTRIBUTING.md for contribution guidelines.

License

This project is licensed under the MIT License. See LICENSE for details.