I love making guides, but I never thought of making a directory for all my web guides until xandra suggested it! So here it is for easy referencing and linking ^^
CSS
Filtering a Gallery - using HTML radio buttons and CSS :has to filter a gallery or other collection of items
CSS Tidbits - small CSS examples that aren't complex enough for their own tutorial
Border Images - the CSS border-image property and how to use it to give elements borders based on an image
Javascript
JS Menu - using one JS file to update a menu/navigation across multiple pages (rather than manually updating the menu on each page)
Gif Pauser - how to pause/play gifs on a page with your own JS!
Jukebox - a simple JS music player you can put on your page!
Cheaters JavaScript - how to use JS to manipulate HTML/CSS for absolute JS beginners! Focuses on helpful functions so you don't heave to learn the whole language
Accessibility
Beginners Accessibility - three main accessibility concerns on personal sites and how to fix them
Web Accessibility - almost everything I've learned about making accessible web pages, long but written for follow hobbyists
Dyslexia Design Tips - web designing for dyslexia without compromising creativity
References
Not tutorials, but collections of things helpful for webdesign ^^
HTML Color Map - 139 HTML colors organized by color - includes HTML name, hex code, and rgb code
Rainbow Color Palettes - rainbow color schemes I've found or put together - gradient, individual colors, and color codes shown for each palette
Fonts - my favorite google fonts with customizable settings to see what they look like (bold, italics, custom color scheme picker, example sentance, and alphabet - page uses fonts.upset.dev instead of google to link the fonts
Symbols - my favorite symbols - arrows, bullets, stars and more