Credits + Resources
I found that I learned best by playing with existing code and going from there, picking up resources of what I wanted to figure out along the way. This is a collection of links to share what I've used to create this site!
CREDITS
site powered by neocities
layout template is from petrapixel's template generator
rating stars are from hillhouse
emojis from engrampixel
▸ icons are from the follow sources:
sozai on tumblr
ohpixels on tumblr
gasara on deviantart
ACCESSIBILITY
The 7 Deadly Neocities Sins -- a great beginner article if you want to make your site more accessible for others
Solaria's Beginner's Accessibility Guide -- focuses on 3 common accessibility problems + how to fix them
TUTORIALS
website organization tips -- tips that I found really helpful early on
How to use VS Code Live Server Local Host on Mobile phone -- the easiest way I've found to test my code on mobile devices, you can see live edits this way!
CODING
CSS-Tricks' Flexbox Guide -- I reference this guide a lot, as well as their almanac
Scripted's Resources -- codes and resources
How to align and float images on your website
Tippy.js -- customizable tooltip using JS
deploy to neocities with github -- I tried a few different tutorials (and had to start over a few times), but I found this one the easiest to follow
deploy to neocities template -- this template makes the steps in the link above SO MUCH EASIER
98.css -- Windows98 themed CSS library
CODE SNIPPETS
CSS code to disable user selection
Scripted - code snippets and other resources
lite-youtube-embed -- makes loading YT videos faster
Zonelets -- an easy way to set-up a blog using Neocities
punkwasp's pastebin -- font-selector code snippets
status cafe CSS template -- a fully commented css template for status.cafe profiles, if you'd like to customize yours
status.cafe tips -- pixeliana gathered some CSS code snippets to start customizing a status.cafe profile
GRAPHICS
foollovers -- icons and graphics, etc.
Web Badges World -- large database of badges
artwork -- pixels
whimsical -- pixel art/materials
pixelsafari -- graphics resource library
sadthemes' pixel library -- sorted by color!
symbl.cc -- a list of every unicode character
broider -- CSS border tool with tons of border codes you can also customize
cursor.cc -- cursor creator with a cursor database
master background post -- by tenshiikisu on tumblr
gifcity -- icons, backgrounds, blinkies, etc.
unilist -- unicode symbol list, easy click to copy + paste
engrampixels --cute pixel graphics
Cursor.cc -- custom cursor tool/resource
WIDGETS
FC2 Clap -- widget to let people clap for you!
FC2 Counter -- widget to see your site visitor count
TOOLS
WordtoHTML -- Online Converter and Cleaner
EZGif -- go-to tool for editing/formatting gifs
Flexbox Labs -- visual tool to create layouts using CSS Flexbox
coolors -- a color-palette tool (from scratch or from a pic)
HTML Checker -- to check html files for errors
Multi-Screen Test -- test your site at different screen resolutions & devices
Ditherit -- an image dithering tool
INTERNET READS
Reclaiming Online Spaces Manifesto by Ivan Papiol (2023) -- a well-written piece about how we can reclaim conscious connection through the internet
LISTINGS
404PageFound -- Active Vintage Websites, Old Webpages, and Web 1.0