Web Development Resources
Web Development Resources
A curated collection of resources for my Building a Personal Website project and ongoing learning.
Learning Platforms
Free
- MDN Web Docs - The definitive HTML/CSS/JS reference
- freeCodeCamp - Structured curriculum, great for beginners
- The Odin Project - Full-stack curriculum
- CSS-Tricks - CSS tutorials and guides
- JavaScript.info - Modern JavaScript tutorial
Paid (Worth It)
- Frontend Masters - Deep dives from experts
- Egghead.io - Concise video tutorials
- Josh Comeau's courses - CSS and React excellence
Frameworks & Tools
Static Site Generators
| Tool | Best For | Complexity |
|---|---|---|
| Astro | Content sites, blogs | Medium |
| Next.js | Full apps, SSR | High |
| Eleventy | Simplicity, speed | Low |
| Hugo | Speed, Go templates | Medium |
CSS Frameworks
- Tailwind CSS - Utility-first, my current choice
- Open Props - CSS custom properties
- Pico CSS - Classless, minimal
Deployment
- Cloudflare Pages (free, fast)
- Vercel (great DX, Next.js native)
- Netlify (easy, generous free tier)
Design Resources
Inspiration
- Dribbble
- Awwwards
- One Page Love
- Minimal Gallery
Assets
- Icons: Heroicons, Lucide, Phosphor
- Illustrations: unDraw, Blush
- Photos: Unsplash, Pexels
Colors
- Coolors.co
- Realtime Colors
- Tailwind color palette
Fonts
- Google Fonts
- Font Squirrel
- Modern Font Stacks
Tools I Use
Development
- VS Code with extensions:
- Tailwind CSS IntelliSense
- Astro
- Prettier
- ESLint
- GitHub Copilot
- Chrome DevTools
Design
- Figma (free tier is enough)
- Excalidraw for wireframes
- Squoosh for image optimization
Newsletters & Blogs
Worth subscribing to:
- CSS Weekly
- JavaScript Weekly
- Bytes.dev
- Josh Comeau's blog
- Kent C. Dodds
YouTube Channels
- Fireship (quick overviews)
- Theo - t3.gg (opinions + tutorials)
- Kevin Powell (CSS master)
- Web Dev Simplified