the resources page is webmastery/website oriented and is primarily for my own benefit; as a complete newbie to html + css i use these links pretty much any time i am making a page so i thought i'd just put them all on one area. hopefully it helps anyone else out too!
web help (html + css oriented).
- W3Schools CSS Tutorial
- W3Schools CSS Reference
- sadgrl's webmaster links
- sadgrl's html cheatsheet
- layoutit! - CSS grid builder
- a simple guide to flexbox that made it finally make sense
- petrapixel's html cheatsheet (and a whole lot of other html/css/js tips and guides)
!! on IDs and classes because i always forget: ids must be unique where as class can be applied to many things. In CSS, ids look like #elementID and class elements look like .someClass
my code editor of choice is phoenix code purely for the live preview feature. ideally i would do this all in notepad++ or something more lightweight but i need the visual elements.
graphics.
- muchomago.tumblr.com (eyestrain + flashing)
- cinni.net
- shishka.neocities.org
- scripted.neocities.org
- pixelsafari.neocities.org
- horrorgifs.neocities.org (autoplay)
- bettysgraphics.neocities.org
- catspngs.tumblr.com
- pixel moondust's archived site directory
- pixel moondust's f2u materials
- mouseling's sozai directory
- neckdoll.zombie.jp
- little eden
- background-tiles.com's free background tiles
- rec0de.net's papertiles page
graphic-making/editing.
- hex code color picker from an image you have
- hekate's 88x31 button maker
- usemodify.com - fonts
- remove.bg - smartly removes a background from an image you have
- asciiart.eu's image to ascii tool
- doodad.dev's dither me this tool (dithering helps with images loading more quickly!)
- squoosh.app - image compression for faster loading
- waifu2x.io - an image upscaler/resizer