-- web resource directory --

Recent additions are marked with a NEW label.

intro to the indie web & web mastery

Intro to the Web Revival #1: What is the Web Revival? If you're brand new to the world of the indie web, this is a great primer.
32-Bit Cafe Tutorials More helpful tutorial pages for new web masters, including internet safety, etiquette, and ideas for your own site.
Resilient Web Design by Jeremy Keith (eBook) This is an excellent read. This book informs a lot of my design decisions, web or otherwise.

Make Your Own Website A beginner's guide to making a hand-crafted personal or hobby website.
How to make a website Petrapixel's beginner's guide to coding a website
Cowsites Free, code-less website builder; good for anyone who's not ready to hand-code a site from scratch
BearBlog Simple, free, privacy-first blogging platform
Pika A simple, free blogging and newsletter platform

32-Bit Cafe's Resources List for the Indie Web An excellent resource new and experienced webmasters. Includes beginners guides to HTML, CSS, and JS as well as links to widgets, graphics/layout resources, and web cliques, and more.
petrapixel Lots of beginner-friendly resources as well as some advanced-level tools/guides.
ribo.zone's webcrafting supplies A small collection of web resources, including graphics, code snippets, and premade layouts.
Kalechips' Code Snippets A small collection of HTML, CSS, and JavaScript code snippets.
sweetEMBED A collection of customizable, copy-and-paste widgets for your site.
Robert Birming's Blogger's Toolbox A collection of web resources specific to personal sites/blogs.

MDN Web Docs An excellent reference guide to current HTML, CSS, and JavaScript languages.

Using CSS custom properties (variables) CSS variables are a great way to keep elements consistent throughout your site. I use these most often for color palettes. Basically, you set a color value once and then use the variable throughout your code. If you need to change the color, just change the value of the variable.
CSS Generators A collection of customizable CSS generators for elements such as layouts, grids, accordions, patterns, gradients, and more.
How to create a highlighter marker effect in CSS A code snippet for adding a highlighter effect to text.
Tailwind CSS A CSS framework with pre-built classes that you can call in your HTML

Implementing Freezeframe JS A simple guide and an advanced guide to Freezeframe JS, which lets your visitors start/stop animated GIFs with a button.
Free quiz scripts Scripts for creating personality quizzes for your site.
Photogrid Template A free JavaScript template for displaying images in Instagram-inspired grid layout

Git and GitHub Tutorial A beginner-friendly guide to using git repositories for your website.
Updates to the Eleventy (11ty) Guide A guide to installing and using Eleventy/11ty (a static site generator) for your website.
Handwriting your RSS feed In the case that your site doesn't automatically generate an RSS feed, you can write your own.

Photopea Browser app that is a free Photoshop alternative
Delphi Tools Broswer app with image editing tools for cropping, removing backgrounds, splitting/stitching images, and more.
Dithermark Browser app to convert images to pixelated, dithered images
Dither It! Browser app to convert images to pixelated, dithered images

Be sure to check the licenses and terms of use for each site!

JP = Japanese language site only

Why use AI slop on your website when you could be using real, human-made art?

Link Cleaner Links copied from your browser's search bar often contains tracking data and search parameters. This app removes that extra data to provide a clean link for sharing.
Cbox An embedded chat widget
Atabook Simple, free guestbook service
Status.Cafe Social network/widget to share your current status
rentry.co A free Markdown paste service
Web Neko A widget featuring a pixel cat that chases your mouse cursor
Music Player Bar A music player for the top of your page
Wiggly Paint Browser app to draw animated wiggly doodles
Tally.so Free form builder
Squoosh App Browser app to compress large images into smaller formats
Site Shot Browser app to take full-page screenshots of a web page; good for archiving old layouts
88x31 Web Button Maker Browser app to generate a custom 88x31 button
88x31px Button Generator by datakra.sh Browser app to generate a custom 88x31 button
blinkies.cafe Browser app to generate custom blinkies
fffuel.co Free color tools and free SVG generators for gradients, patterns, textures, shapes, and backgrounds
Picrew Database A curated, filterable Picrew directory
SteamGridDB A database of video game assets. Useful for game posters for media logs.

Kawaii Attic An archive of cute websites from the 2000s
The Cutie Internet Archive A curated archive of cute pixel site graphics
Defunct Pixel Dolls Site Bases An archive of doll bases from now-defunct pixel doll websites
Web Badges World An archive of 88x15 web badges
Tiny Identity Buttons An archive of identity buttons
Katamari Object Library An archive of 3D models of objects from the Katamari games NEW