Credits & Resources

Graphics

Free Graphics & Web Materials (Click to see full list)

• Little Eden: (JPN) frutiger styled graphics
• Flower and Cover: (JPN) really cute collection of backgrounds
• ACROSS+: (JPN) full of gothic materials
• Out of Place Artifacts: (JPN) very chic and cool backgrounds & icons
• Travelmin:(JPN) graphics of cartoon & anime characters
• Mousecky's Sozai Directory: directory of many web material sozais
• Fool Lovers: (JPN) majority of the patterned backgrounds are pulled from the website. graphics, frames, dividers, and much more can be found here
• Niche: (JPN) my go to for grid pattern, dot pattern backgrounds, and lined paper backgrounds. also used throughout the site
• tora*7kg: (JPN) a majority of the dividers, icons, etc are from this site! great source of graphics from this artist
• Tentacrafts: large collection of scrabooking and sticker pngs (I love these a lot)
• Teppy's Layouts + Tips: backgrounds, dividers and graphics. i used a lot of their transparent backgrounds
• Alice Home: (JPN) lots of pink and pastel graphics! very cutesy
• pixel-soup: lots of cute gifs, pngs, backgrounds, and dividers
• Betty's Graphics: HUGE archive of graphics
• Fluffmoths's ID Buttons: archive of identity buttons (used in the bedroom)
• pixel safari: dividers, favicons, blinkies, buttons, etc.
• Bonnibel's Graphic Collection: I used this a lot to find GIFs n such
• Glitter-Graphics: more GIFs, dividers, and icons
• TopeconHeroes: icons, pngs, illustrations (use the buttons at the top to navigate)
• animated glitter graphics: found a lot of my dividers and lil icons here
• Tiny Backgrounds: a collection of repeating / tiled backgrounds
• Cake Batter: collection of graphics. has a lot of everything
• HomuHoard: large graphic collection

Tools for Choosing Color Palettes

I suck at choosing color schemes so here's some tools that helped me out.

• EyeDropper: allows you to color pick from anything on your screen
• Coolors: my go to color palette generator
• Tailwind CSS: a wide variety of default hex color codes. allows you to see them all in one spot
• Paletton: good for choosing and seeing color schemes
• 2 Color Combinations: big collection of premade two color combos with examples
• Colorspace: generates color palettes based on one color
• Micro Digital Tools: a collection of web tools including lighten/darken hex codes, gradient generator, color palette extractor, etc

Widgets & Things

• Simple Javascript/CSS Jukebox Tutorial: this is the code I used for the music player, made by Solaria
• PetraPixel's Iframe Widget Tool: guide on how to use external widgets, like status cafe, on your website with a free neocities account
• Doqmeat's RSS Tutorial: beginners guide on how to start a RSS feed. a RSS feed allows you to send site updates to those who follow it
• Atabook: a free, customizable guestbook (I use this, it's cool :3)
• imood updater: mood displaying widget
• FC2 Counter: free visitor counter and online viewer counter
• Chattable: the chatbox I use on my site (works with non-supporter neocities accounts)
• JavaScript Calendar: the calendar i use in the bedroom. i had to tweak the code a bit to get it to work how i wanted, feel free to look at my edits
• JavaScript Countdown Timer Guide: a countdown timer. you can only have one on each page from my experience. let me know if you know one that lets your have multiple timers :]
• webri.ng: JavaScript free webring host (i use this hehe)

Site Pets

• Chicken Smoothie: adoptable virtual pets!
• GifyPet: make a pet for your webpage
• Shroom.Ink: adopt a mushroom to protect your website

Code Snippets & Tips

• File Naming Tips: guide on how you can consistently name your files (do this early on so you don't have to rename all your files later)
• Solaria's CSS Tips: CSS tips that I found helpful. some of my personal favorites: CSS pages , scaling up pixel art
• Solaria's Gif Pauser Tutorial (JavaScript) i use this all over my site. i think giving people the option to view moving images or not is a good way to make your site more accessible
• Common HTML Errors & How to Fix / Avoid Them: the name says all, a very helpful resource
• HTML Semantic Elements: semantic elements are elements with meaning like "aside" or "article"
• 32-Bit Cafe Forum: a great community for web hobbyists and professionals (has a lot of resources, you can also ask questions and get help on things here)

Helpful Tools

• FileGarden: the main file host I use for things like mp3 files
• HTML Cheat Sheet: quick references for HTML, CSS, and JavaScript (I use this ALOT)
• Image Resizer: crop, resize, and compress images
• Broider: pixel border maker and a gallery of borders you can use
• ezgif: gif maker, image cropper, file converter, image/gif/video editor

Symbol & Emoji Collections

• Kaomoji: a collection of Japanese emoticons like this one (*・ω・)ﾉ
• MessLetters: symbols, emojis, emoticons, and alter your text here

Image Placeholders

• Lorem Picsum: generates placeholder images of any size
• Place Dogs: place holder images but dogs!
• Place Cats: place holder images but cats :3

File Converters

• ytmp3: converts youtube videos into mp3s

Fonts

• dafont: free fonts to use
• 1001 Free Fonts: more free fonts
• Font Space: MOREE free fonts

Fonts Used on My Site

• Columbus font: header font
• Goudy Bookletter font: old main text font
• Blue Cashews font: subheader font

Custom Cursors

• Karenza: This artist made the strawberry cursor used on this site! There's also other F2U custom cursors along with their other projects
• Totally Free Cursors (404 on website)
• Cursors-4u