Resources
Guides
The Guides page includes practical how-tos on topics like building websites with HTML and CSS, customizing Neocities pages, and navigating the internet more effectively. It’s meant for beginners or anyone looking for simple explanations and examples.
Code snippets
These are a collection of small, focused CodePen demos showing how to add interactive or visual effects to websites. They include things like hover animations, layout tricks, randomizers, and basic JavaScript behaviors. These examples are meant to be easy to explore and copy into your own projects.
Having trouble using a snippet?
- Rotate link on hover
- Better margins and padding
- Responsive horizontal navbar
- Download a div as an image
- Load links from list at random
- Display # of links in list
- Falling items/snowflakes
- Custom list bullets
- Add image border to div
- Endless marquee
- Change target of iFrame link (no JS)
- Button with textarea
- Change background image on hover
- Image gallery
- Filter a list on button click
- One page blog and entries
- Drag and drop
- Add tooltip when word is clicked
- Display item from list upon refresh
- Load image at random upon refresh
- Stacking backgrounds
- Play a song at random on refresh
- Set audio volume on autoplay
Archive
These are archived tools and resources I created that aren't going to be updated anymore, but you're still free to use the resources. If you were linking to one of these pages for your site, I set up a redirect that should automatically take viewers to these CodePens.
You can also view archived iterations of this website at the following link: