From a4cbcf0c5f3129d6e3b4902aa9ab37a5ba921950 Mon Sep 17 00:00:00 2001 From: Pagwin Date: Sat, 7 Mar 2026 02:22:23 -0500 Subject: [PATCH] web resoures --- posts/web-resources.md | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 posts/web-resources.md diff --git a/posts/web-resources.md b/posts/web-resources.md new file mode 100644 index 0000000..415ad6e --- /dev/null +++ b/posts/web-resources.md @@ -0,0 +1,33 @@ +--- +title: "A list of useful resources for learning web dev" + +description: "Pruning down a list I found elsewhere so when I give resources in future I can at least vouch a little bit" + +date: "2025-03-07" + +draft: false + +tags: [] +--- + +If you're here to read interesting thoughts from me then you'll want to go check another post. + +This one is just a list of links with a short description so I can give out this link to people who want some basic web development guides in the future. +No guarantees that all the links will jive with you but I've tried to make sure they aren't useless. + +For now this list is mostly focused on HTML and CSS with Javascript, HTTP and various tooling like SSGs, Bundlers and Frameworks mostly kept out. +I may add resources focused on Javascript and SSGs here in future but for now. + +The list that I pruned this list out from initially can be found [here](https://discourse.32bit.cafe/t/resources-list-for-the-personal-web/49) + +- [HTML Dog](https://www.htmldog.com/): Seems to do a good job not throwing things at you too quickly. +Although I'd say its missing important information about flexbox and grid in addition to making some omissions and mistakes. +- [HTML for People](https://htmlforpeople.com/): Goes slower than HTML Dog, sticks to just HTML (CSS and Javascript learning needs to happen elsewhere) and is a bit more hand holdy overall +- [Interneting is Hard](https://internetingishard.netlify.app/): Like *HTML for People* but goes over CSS as well +- [Mozilla's Web Docs](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web): Shorter and less Hand holdy than the other resources listed so far, MDN is also a good reference to find information on specific bits of HTML, CSS and JS so even if the guide doesn't prove appropriate for you I advise saving the site regardless. + +That said Flexbox and Grid can be notably tricky so here's some links which focus on just those. + +- [CSS Grid Garden](http://cssgridgarden.com/) +- [CSS Flexbox Froggy](https://flexboxfroggy.com/) +- [An Interactive Guide to CSS Grid by Josh W Comeau](https://www.joshwcomeau.com/css/interactive-guide-to-grid/#introduction)