Tutorials, Guides, and other Tidbits!

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

Misc

• SSIs and Fixing Nekoweb Cache - how to use Server Side Includes (for menus), and how use an HTTP Header to keep your Nekoweb site's cache fresh (for when your CSS changes don't show up on your pages)
• Relative File Paths - how to use relative file paths in HTML and CSS, and why

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