I love making guides, but I never though of making a directory for all my web guides until xandra suggested it! So here it is for easy referencing and linking ^^
home
CSS
- Theme Switcher - making themes or light/dark modes in CSS, includes color-scheme, variables, media queries, and a little JS at the end
- Divs - what a div element is and how to use it
- Image Gallery - how I make galleries with CSS
- 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
- 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
- Readability - web designing for dyslexia without compromising creativity
References
visual collections of colors, rainbows, fonts, and symbols!
- html color map - 139 HTML colors organized by color - name, hex code, and rgb code given
- rainbow gradients - rainbow color schemes I've found or put together - gradients, individual colors, and color codes for each shown
- fonts - my favorite google fonts with customizable settings to see what they look like (bold, italics, custom color scheme picker, example sentance, and alphabet
- symbols - my favorite symbols - arrows, bullets, stars and more