Welcome to the 32-Bit Cafe Resources list! This list is to help guide and help those who are in every stage of their web-building journey on the personal web. This list is not meant to overwhelm you, but rather give you options and find tools, graphics, utilities, codes, and everything in between to help get you creating more on the independent web.
This list is contributed to by members and some information has been grandfathered in from our Discord and other communication platforms. Feel free to share this list and get the word out about how easy and fun it is to create your own website and join in this side of the web!
Interested in contributing? Get permissions by sending /u/yequari or /u/xandra a message! Add categories and links in the same format using Markdown. If a resource you have in mind tends to fit into two categories, try selecting the one that best represents the intention of the resource. Try to list resources in alphabetical order for ease, but it will be periodically cleaned up anyway. Thank you for your efforts!
If the list becomes too cumbersome, we will begin splitting the lists into pages for easier reading and reference.
Webmastery
"Webmastery" and "webweaving" are cool ways to describe web development from a hobbyist standpoint, so we like to use it here. The resources below are meant to be helpful to create your own website.
Beginner HTML Guides
- A Beginner's Guide to HTML
- Beginners' Tutorial for CSS Grids
- The Cave of Dragonflies' HTML Guide
- HTML Cheatsheet
- MelonKing's Introduction to the Web Revival Guide
- Mozilla's Web Docs
- W3Schools HTML Tutorial
- What's Wrong With Your Website? Tutorials
Free Blogging Platforms & Static-Site Generators
Code Generators
- Beveled CSS Button/Box Code Generator
- CSS3 Code Generators
- CSS Code Generator Collection
- CSS Gradient Generator
- CSS Portal's CSS Generator Collection
- Custom Scrollbar CSS Generator
- HTML5 Code Generators
- Transparent Textures
- Reset CSS Stylesheet to Normalize Styling Across Browsers [alternative: Import Normalize.css]
- Web Design Assistant Code Generators
Code Snippets
- 30 Seconds of Code's CSS Snippets
- Dynamic Drive: JS & CSS Scripts
- Fc2counter Visitor Counter Code
- Filter divs only Javascript Codepen by Leoandro
- Freefrontend
- Free Hosted Scripts
- Loveberry
- Updating SideBar
- Updating Top Nav Bar
- RV's free Javascript/DHTML effects
- Scripted
- Shenanigan's Code Snippets
- Wesource
Hosted Forms
- Riku Forms, created by m15o
- Arengu
- Basin
- FieldGoal
- FormBackend
- Formcake
- Formcarry
- Formkeep
- Formspree
- Formstack
- FormSubmit
- form.taxi
- FormX
- Getform
- HeroTofu
- HeyForm
- Hyperforms
- Kwes
- Pageclip
- Paperform
- Smartforms
- Tally
- Web3Forms
Hosted Services for Websites
- Freeimage.host
- Glitch Code Editor & Tools
- HTML Journal: Easy RSS Feed for Your Website
- Status.Cafe Status Log
- Status.lol Status Log
Free Layouts
- Almost Sweet's Layouts
- Cepheus' Layouts
- Cinni's Layouts
- Codesharing Layout & Code Directory
- CreateBlog's Website Templates
- Dynamicdrive Layouts
- Eggramen's Layouts
- Fool Lovers Layouts (Use a translator!)
- France's Layouts
- Houdini's Layouts
- HTML5 Templates
- Janisites Layouts
- Kalechips Layouts
- Rarebit Webcomic Layout
- Repth's Layouts
- Palemomos
- Sadgrl Premade Templates
- Templaterr's Layouts
- Teppy's Layouts
- Tess is a Mess
- Themeking's Layouts
- Wish Glows' Anime Graphics & Layouts
- Your Creative Blog Website Tutorials & Freebies
Layout Makers
Free Webhosts
- Codeberg Pages
- Github Pages
- Hot Glue: Host & Visual Tool to Create Websites
- Ichi.city
- Leprd.space (application-based, up to 1GB) [Applications closed]
- mmm.page (free tier, drag & drop web builder!)
- Neocities (free tier, up to 1GB)
- Teacake (free tier, up to 500MB) [Applications closed]
- Vistaserv.net
Creating, Managing, and Finding Webrings
- Amolith's Webring Using Go
- Brisray's Active Webrings List [archive]
- Gray's JavaScript Webring
- LibreRing JavaScript Webring
- Neocities-Hosted Webrings List
- Onionring JavaScript Webring Widget
- Sadgrl's JavaScript Webring Tutorial
- Viatrix's Webring Creation Tutorial Using Github, Jekyll, and Netlify
- Webri.ng Webring Host & Backend Handler
- Webring Kit Using Eleventy & Netlify
Widgets
Graphics
These are resources relating to graphics, graphic design, or creating art.
Browser-Based Graphic Editors
- blinkies.cafe
- Cloudpaint
- Dither images in different styles
- Dithermark
- EZGif Gif Editor/Maker
- Flaming Text Generator
- Hekate's 88x31 Button Maker
- JS Kidpix
- JS Paint
- Local PaintBBS
- Lospec Pixel Art Scaler
- Monopro (Use a translator!)
- Online-Image-Editor (Add glitter to photos)
- Photopea Online Photoshop Alternative
- Piskel Sprite Editor
- Pixilart Pixel Art Editor
- Pixlr Web Editor
- Remove image backgrounds
- Seamless background maker
Color Palettes
- Colorhexa
- Colormind
- ColorSpace
- CoMiGo's palette generator
- Coolors.co
- Image Color Picker for getting hex codes from colors on images
- Lospec Palette List
Free Graphics & Website Materials
- 88x31 Buttons
- 99GIF Shop
- BAKENEKOKAN
- Betty's Graphics
- Bonnibel's Graphic Collection
- Catch a Star
- ClickArt 300,000 Images & Clip Art
- Cluster
- CommentsLive Graphics
- CSS3 Patterns Gallery
- da-lace
- Dokodemo's Graphics
- Elfwink's Pixels
- Engram Pixel
- Fool Lovers
- Frank-web
- free-backgrounds.com
- GifCities
- Glitter-Graphics and More
- Graphics including Web Ads
- Graphxkingdom
- GRSites Textures
- Hillhouse
- Hoarding!
- Ichigo Directory
- Ishimori
- Jan's Graphics
- Jasmine Feng
- KABEGAMI-TANK
- King-Lulu-Deer
- KiraKira Parts
- Lulu in Cyberspace
- Maguro's Carrd
- OKUMONO
- Old school Graphics
- Pixel Safari
- Pokyaron
- Queen's Free World
- Raw Pixel
- Rose's Rose Garden
- Sadtheme's Pixels
- Sanguineroyal
- SleepySprout Sozai
- Subtle Patterns
- Taylor's Tiny Backgrounds
- Texture Town
- web*citron
- Whimsical
- XYZ's Carrd
- Yasuragian
- Lapin Agile
Pixel Cliques & Clubs
Here is an ongoing list of active pixel clubs and cliques across the web that have either been created or revived from an older age of the internet. Unsure about what this is?
- Afternoon Tea
- Bunny Garden
- CDwORLD
- Charm Bracelets
- Fizzy Vendor
- Kindness Rocks
- Kitty Friends
- Lava Lounge
- Pill Pals
- Pill Party
- Pocket Town
- RPG Club
- Sticker Sheet Club
- Teeny Towers
Placeholder Images
- Dynamic Dummy Image Generator
- Generative Placeholder Images
- Lorem Picsum
- Placeholder Pics
- Placekitten Placeholder Images
Free Stock Images & Illustrations
Utilities & Programs
These are utilities, programs, and helpful tools that can help make your life easier when it comes to computing, webmastery, and other computer-related hobbies.
Webweaving Utilities
- ANDI Accessibility Checker
- Convert large blocks of text to html code
- Convert email newsletters into Atom feeds
- Copy + paste kaomoji
- Dead Link Checker
- Generate a Timestamp
- Pixels Converter for CSS Sizing
- RSS Box, for subscribing to websites that don't have RSS feeds
- Smooth Gradient Sass Function
- Squoosh Image Optimizer
- Test webpages on different screen resolutions
- Tinylytics, a free small-web analytics tool
- Unicode Text Generators
Social Media Utilities
- CobyCat's Pimp My SpaceHey Code Generator
- Heath's SpaceHey Layout Generator
- How to Run Your Own Social Media
- StreetPass for Mastodon
Retro Utilities & Programs
Typefaces & Fonts
- Beautiful Webtype: In-Depth Guide to the Best Free Fonts
- The Best of Creative Lettering
- Fontspring, worry-free fonts
- Free Japanese Font
- Kreative Korp Relay Fonts
- Typetester Typesetting Tool
- The Ultimate Oldschool PC Font Pack
- Velvetyne Type Foundry
- coolLabs Fonts
- Font End Dev
Other Software & Utilities
Independent Web Alternatives
These are alternative projects, web services, and replacements for the corporate web or corporate services.
Education
Search Engines
Creativity Tools & Programs
- GIMP Image Manipulator Program, an open-source Photoshop alternative
- HandBrake Video Transcoder
- Kdenlive
- Krita Graphics Editor
- Mixx DJ Software
- OpenToonz 2D Animating Software
- Schism Tracker Music Creator
Productivity Tools & Programs
- Alternative Internet List, a collection of networks and technology aiming at re-decentralizing the Internet
- Etherpad, Google Docs Alternative
- Framasoft Software's De-Google-ify the Internet, a collection of homegrown Big Tech alternatives
- Goblin Tools, a collection of small, simple, single-task tools, mostly designed to help neurodivergent people with tasks they find overwhelming or difficult
Contributors
Thank you so much to everyone who contributes to the list. Some of these have been added from Discord and other shared spaces, so those folks have been added here. Please sign your name below if you added links to this resource!