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.