NotSoKatt Creations

Digital Artist and Animator
They/Any Pronouns

Katt's Bad Coding Guide

This is mostly just a collection of resources I used to make my own website. For basic beginner stuff I don't go over on this page, check out this tutorial. https://www.youtube.com/watch?v=7JAmKyIzUmI

Things Im Trying to Figure Out

If you know how to do any of these things let me know lmao

How to make my nav bar centered
How to change the header to be reformatted on mobile
How to make the nav bar sticky without being in the way
How to make the social icons light up a little upon hover.
See if it's possible to make a header that is referenced and inserted instead of copy and pasted on each page.

Navigation Bars

Side Bar (I ended up not using this)

Tutorial:howto js sidenav

Drop Down in a Responsive Topnav

howto_js_responsive_navbar_dropdown

Sticky Nav Bar

Tutorial:howto_js_navbar_sticky

Page Management

How to Make Sites Mobile Friendly using Responsive Web Design

Tutorial:html Responsive

How to Hide and Show DIVs

Tutorial:howto_js_toggle_hide_show

All the Layouts


https://goblin-heart.net/sadgrl/projects/layout-builder/
https://templaterr.neocities.org/felinium/link2
https://templaterr.neocities.org/
https://oc-hub-template.neocities.org/
https://rarebit.neocities.org/
https://john-doe.neocities.org/
https://portfiends-comic-template.neocities.org/
https://systemp.neocities.org/
https://goldentemps.neocities.org/
https://pixelr.neocities.org/#

Graphic Resources and Tools

Tile Preview: https://goblin-heart.net/sadgrl/webmastery/downloads/tiledbgs
Color Picker: https://g.co/kgs/CcRBULm

Other People's Coding Resource Pages

Psyschool

This cool video they did: https://www.youtube.com/watch?v=zswyWBtF-7Y
Personal Web Map: https://psychcool.org/links/Personal%20Web%20Map.pdf
Personal Web Site Builder Guide: https://psychcool.org/links/BuildingAPersonalWebsiteGuide.pdf

Cargo

https://cargo.site/