πΈοΈ 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!