Dev Resources
A collection of useful or cool resources from around the web that help me learn programming and code better. Updated whenever. No AI tools.
Learning
MDN Web Docs
The definitive documentation resource for all things web by Mozilla. Truly a dev's best friend!
(Free)
Codecademy
An online interactive platform offering free coding classes for many programming language. Good for learning the basics!
(Free courses)
Wes Bos' Courses
Courses by Wes Bos, web developer from Hamilton Ontario. Good stuff! These helped me a lot starting out.
(Paid & free courses)
A Book Apart
Great reads!! Brief books for designing, writing, and coding. Great for web professionals. Front-end focused topics.
(Books $)
Josh Comeau
A great blog for articles and tutorials on CSS, JS, React, general web dev. Very well-made courses.
(Paid courses, free blog)
CSS Tricks
A website about making websites. Great articles and tutorials about everything, especially CSS.
(Free articles)
The Odin Project
Web development courses for free. Recommended by a fellow dev. Fullstack curriculum. Strange name.
(Free)
Book: HTML and CSS
Thick book by Jon Duckett. A bit outdated now (2011!), when I first started coding this helped a lot. Useful? YMMV.
(Book $)
CSS
Meyer Reset
Eric Meyer's CSS Reset. I use this on every project. It resets the browser styling to reduce browser inconsistencies.
Flexbox Froggy
Learn the basics of CSS flexbox with this CUTE game. Help Froggy by writing CSS code!
Grid Garden
A game for learning CSS grid. Another cute interactive creation great for learning. THESE ARE SO CUTE!
Flexbox Layout Guide
I reference Chris Coyier's article so often I really aught to just print out the poster. Illustrated and clear.
Texture Town
Make your web page FANCY, use a texture as your bg image. Add some PIZZAZZ to your designs.
Gradient Generator
Another hit from Comeau. An interactive gradient generator to play with and get the perfect CSS gradient.
JavaScript
SVG Icons
iconmonstr
Free simple icons. I love it, right to the point. You can copy the SVG code and plop it in your project.
Simple Icons
A whole load of brand icons, mostly dealing with tech companies it seems. Might be useful. SVG.
Font Awesome
An icon library, I think there's a subsctiption mode but also more than enough free icons. Widely popular.
SVG Repo
Search, explore, edit and share open-licensed SVG vectors, Each icon has its use license info posted.
Cool Websites
Cameron's World
A love letter to the Internet of old by Cameron Askin. I just love looking at it. Really a throwback.
Windows 98 Icon Viewer
Alex Meub's project to display all of the Windows 98 icons. I get a lot of use from this.
Neocities
A social network of sorts focusing on homepages like Geocities of old. Cool concept! I have yet to build my own.