Tutorials, Guides, and other Tidbits!

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

• Filtering a Gallery - using HTML radio buttons and CSS :has to filter a gallery or other collection of items
• CSS Variables - how CSS variables can be used
• 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

• 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
• 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