Web Dev Resources
This is a collection of resources that helped me create this site, which may help you with yours too! You can click through most graphics on my site to get to the original artists, and thereโs also attribution sporadically commented within my source code. If you ever have a question about where I got or learned something, feel free to ask in my guestbook.
Code Snippets
- Responsive Layout Templates
- Matthew James Taylor offers extremely helpful and bare bones responsive website layouts that you can customize to your heart's desire. I always go here first to get the code for any new layout I want to design.
- CSS Layout Generator - Another great source of code snippets for different responsive website layouts with some helpful visualizations.
- Easy Theme Switchers
- An easy, JS-based extensible theme switcher that I used for this site
- Derek Kedziora wrote a very easy-to-follow guide to creating a light and dark mode for your site with optional JS switcher button
- Finishing Touches
- malihu - jQuery Tooltip styling plugin customized how title text looks
- Cepheus & mdn web docs - scrollbar styling
- CSS tricks - animated grain css
- hover:css - helpful demos of tons of on:hover effects
- How to add an external link icon with CSS
- How to create 88x31 svg buttons
- Neocitites: how to add last update date and visitor count javascript
- Directory of open source fonts by womxn - how I found the Asul font
- Jekyll-specific
- maria.town - looked at the github repo for code to dynamically generate Jeykll site navigation
- James Fisher's tutorial for adding tags to your Jekyll blog
Tools
- GitHub Action for deploying to Neocities
- GoatCounter - open source web analytics alternative to Google Analytics
- Dr. Link Check - checks your site for broken links
Graphics
- trovami - 80x15 button creator
- piskel - free, browser-based pixel art/animation tool
- Randoma11y - Accessible color combination generator you can use to ensure people with moderately low vision can tell the colors apart and see your content.
- blinkies.cafe - blinkie generator
Japanese Pixel Sozai Sites
Fool Lovers provided key assets for my current website layout and contains so much more!
Sorahana primarily contains cute, nature-themed graphics for soft, fairytale vibes.
Hotchoco has a lot of cute pixel graphics, though the site may be a bit difficult to enter if you donโt know Japanese.
Asterism contains elegant, sparkly, and lacy web material, covering backgrounds, icons, and templates.
Pokyaron has small pixel web resources as well as large art, spanning many styles. However, it may be difficult to navigate if you donโt know Japanese.
English Pixel Art Sites
Whimsical
was created by Sumomoco and holds the best pixel adoptables. Iโve been a fan since 2006.
Bitmap Dreams pixel art is iconic, elegant, and nostalgic, especially for anyone who has ever lived in Japan.
Appledust contains creepy, cute, and Neopets-themed pixel art and other web material.
Elfwinkโs Pixels contains a bunch of adoptables like food, tamagochi, Maneki Neko, and more!
Ametarium is a space-themed pixel and vector art adoptables site.