Keyboard shortcuts

Press ← or β†’ to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

πŸ•ΈοΈ webdev

Here are some of my favorite go-to websites for learning, referencing, and improving at modern web development.
I've added notes so I remember what each is best for.


πŸ“š Learning & Documentation

  • MDN Web Docs β€” The holy grail of web dev references!!!!!!!!!! ALWAYS USE THI, i just type mdn.io in the browser too and it works well just like docs.rs essentially as a BROWSER URL. Official specs, browser compatibility tables, and detailed documentation for HTML, CSS, JS, APIs, and more.

  • The Modern JavaScript Tutorial β€” Start from scratch and master JavaScript, from fundamentals to advanced concepts like OOP, the DOM, and events.


🎨 Design & Assets

  • Favicon.io β€” Generate favicons from text, images, or emojis for your projects. Fast and free.

  • CSS-Tricks β€” Articles, tips, and guides covering everything from layout techniques to animations.

  • Frontend Mentor β€” Practice front-end skills by building real projects from design files.


πŸ› οΈ Tools & Playgrounds

  • CodePen β€” Live HTML, CSS, JS sandbox for quick prototyping and sharing.

  • JSFiddle β€” Another quick JS/CSS/HTML test environment.

  • Can I use β€” Check browser support for web features.


πŸ’‘ Tip: Bookmark these, and keep your toolbox handy β€” having quick access to docs and tools saves hours every week. Really helpful DEFINITELY!