HTML & CSS Instruction

Sometimes you need a little instruction.

I've been kicking around online since the early days of geocities. I was a member of SomethingAwful before you needed an account, and was one of the two original moderators. I joined LiveJournal when you still needed an invite code. What I'm trying to say is that I'm old, and I used to have a very dog-eared copy of "HTML for Dummies" next to my computer's monitor that was the size of a coffee table. Then CSS Kool-Aid Manned its way onto the scene.

My brain's pretty full.

Maybe your brain is also full. Or maybe you're interested in learning (or brushing up on) HTML and CSS and making your web presence a little more customized, a little more personalized.

Check out these resources!

  • W3Schools is a powerhouse of instruction, and one of the first sites people mention when talking about HTML and CSS learning resources online. You can use it as a course complete with quizes and tests or you can look for specific instructions.
  • The Ultimate Mother Fucking Website has vital information about website accessability.
  • Flexbox Froggy is a gamefied CSS learning tool. Learning things? While having fun? Try it!
  • CSS Portal, has generators and bits of code but also has resources for learning HTML and CSS and what it does.
  • Webdevin has an extensive list of resources.
  • Neocities Guides, generally. A guide to neocities and things of that nature. Some good instructional material.
  • Neocities Cute Cat HTML Tutorial. It's a cute cat teaching you HTML. Go look at the cute cat and learn some HTML.
  • A Beginner's Guide to HTML and CSS by a graphic designer.It does not look like it's by a graphic designer.
  • HTML Cheatsheet which includes a color picker and unique characters.
  • HTML Metatags Cheat Sheet is a cheat sheet for HTML metatags.
  • Petrapixel has tutorials, guides, and a layout generator.
  • HTML Symbols that you can copy and paste for noting scientific formula etc. Or just to look cool. But doing that can mess up screen readers so be careful.
  • Dogmeat has a lot of resources including 3 free templates, one of which is an open notebook/dayplanner that I've seen in a lot of places.