I made a website with free and low-cost resources for web development, game development, privacy, graphics, small web, etc

51 points by feanne 9 days ago on tildes | 18 comments

Free and low-cost educational resources and recommendations for web development, game development, graphics and multimedia, data privacy, and the small web. From a game developer.

Learn To Make Your Own Website Today

Recommendations

Web Development

HTML For People - Free online book teaching HTML. Fun and beginner-friendly.

Interneting Is Hard - Free online tutorials for HTML and CSS, with beautifully illustrated diagrams.

W3Schools - Free online tutorials for HTML, CSS, PHP, Javascript, and more. Straightforward and self-paced with a built-in interface for testing code.

Pure CSS - Free minimalist modular CSS template for grid-based layouts. This website uses Pure CSS.

PHP For People - Free online book teaching PHP, also fun and beginner-friendly.

Email address obfuscation: What works in 2026? - If you post your email on your website, protect it from spammers. This website uses one of the methods from here.

Fast text/code editors: Sublime Text is what I use and has an unlimited free trial, Lapce is free and open source.

Web Check - Free tool for inspecting a website's IP, SSL, DNS, cookies, whois, etc. Useful for checking your own website.

Block the Bots that Feed “AI” Models by Scraping Your Website - A guide for to blocking AI scrapers using robots.txt, .htaccess, and more.

32-Bit Cafe Resources List - Plenty of resources for webmastery, coding, accessibility, and more.

Web Styling & UI

Modern Font Stacks - Copy/paste CSS font stacks using common system fonts, classified by typography style.

fonts.upset.dev - If you use Google fonts, replace "fonts.googleapis.com" with "fonts.upset.dev" in your Google font link so that Google won't track you through its fonts. I did the same for this website!

Realtime Colors - Free live preview of website typography and color palette. You can change the color and font styling and see changes reflected in real-time. Coolors Palette Visualizer is another one that does this for color palettes. Huemint Palette Generator also does this, and generates nice color palettes too.

Color pickers: HTML Color Codes Picker, , Cccolor Picker, Nero Color Picker & Converter.

CSS visual effects: CSS Gradient, uiGradients, CSS Box Shadow Generator, CSS Box Shadow Examples

Iconify Free Icon Collections, Public Domain Icons, CC0 Vintage Illustrations & Icons

HTML Symbols, Entities, & Codes - Cheat sheet for HTML symbols such as ➼ ∮ ½ ⁂ ☽ ❤ ❀ ✴

Emoji List & Codes

Web Hosting & Domain Registrars

Spartan Host - Cheap shared hosting plans with up-front pricing starting at around $3 per month, same price upon renewal.

Nearly Free Speech - Cheap pay-for-what-you-use hosting.

Wasmer and tiiny- Free, quick-deploy web hosts for static websites. Free websites hosted by tiiny will have a tiiny logo banner at the bottom.

Neocities and Nekoweb - Free, beginner-friendly web hosts with fun communities.

I don't recommend webhosts like Hostinger or Namecheap which lure you in with cheap promo rates, which then renew at double or triple the price. I prefer straightforward, up-front pricing.

Regery - Straightforward domain registrar with whois privacy and email forwarding.

TLD List - Domain registrar price comparison.

Web Publishing

Mmm - Beautiful, playful drag-and-drop websites. Good free tier; upgrades start at around $36 / year.

Bear - Minimalist blogging platform. Great free tier; optional upgrade (mostly to support the site) at around $50 / year.

Pika - Minimalist blogging platform. Free up to 50 posts; upgrades start at around $60 / year.

Craft - More of a notes/docs app like Notion, but it makes it easy to quickly publish a nicely-styled document online. I like that I can edit offline, and I can edit from both desktop and mobile. I use it all the time for things like event invitations or shared notes that I want to look more presentable than Google Docs. Good free tier; upgrades start at around $5 / month.

Game Development Using Godot

Godot - Free, open source game engine. This is what I use, it's lightweight yet powerful and the community is very helpful.

GDQuest - Free, interactive GDscript tutorials.

Godot 4 Action RPG - Free step-by-step tutorial series by Heartbeast on Youtube.

Godot 101 - Free tutorial series about Godot fundamentals by SDG Games on Youtube. The one about every variant in Godot was especially helpful for me as someone without a formal background in computer science.

Godot Tutorials - Free tutorials about programming, shaders, UI, particles, saving, and more, by Godotneers on Youtube.

Godot Tips - Free, handy Godot tips and tricks by Queble on Youtube.

Saving and Loading - Free primer on saving and loading by duriel.

Awesome Godot - A list of free games, plug-ins, add-ons, and scripts for Godot.

Godot Theme Template - Free UI theme template for Godot.

Godot Shaders - Free shader scripts for Godot.

Graphic Design, Pixel Art, 3D

Affinity - Free graphic software with raster and vector editing. Free account registration required.

Graphite - Free online procedural graphic editor.

Photopea - Free online graphic editor.

Pixelorama - Free, open source pixel art editor.

Piskel - Free online pixel art editor.

Blender - Free open source 3D editor. Lightweight yet powerful. Like Godot, this has a large and helpful community.

Blockbench - Free low-poly 3D model editor. Download and online versions available.

Dimensions - Reference database for standard measurements of humans, objects, and spaces. Helpful for 3D modeling. Measurements are free; upgrade for about $90 / year to download technical drawings and 3D models.

Audio, Video, GIF

Audacity - Free audio editor.

bfxr - Free online sound effect creator.

kdenlive - Free open source video editor.

Quick Recorder - Free open source screen recorder with mic and system audio for Mac.

Licecap - Free animated GIF screen recorder. Handy for making game screencap GIFs.

Gifski - Free video-to-animated-GIF converter.

Data Privacy

Proton - Privacy-first email, VPN, cloud storage, docs, sheets, calendar, password manager, etc. I love the password manager's email alias generation feature so I never give out my real email to random websites anymore. Good free tier; upgrades start at around $4 / month.

Duckduckgo - Free ad-free search engine and browser.

Mullvad - Extremely private VPN, they don't even ask for your email. Top-up at €5 / month, no subscription, super straightforward. They also have a free private browser.

Kagi - Ad-free search engine, starts at $5 / month.

Wiby - Free search engine exclusively for human-curated websites.

Marginalia - Free, open source, AI-free, privacy-first search engine.

Cobalt - Free tool for saving video, audio, and images from Facebook, Instagram, Bilibili, etc. No ads, trackers, or paywalls. Note that Youtube is not supported, but you may be able to find another Cobalt instance that does, or try the $20 app I use for this, Downie.

Small Web 101

Rediscovering The Small Web - Explaining the small web in the context of Internet history: "Most websites today are built like commercial products by professionals and marketers, optimised to draw the largest audience, generate engagement and 'convert'. But there is also a smaller, less-visible web designed by regular people to simply to share their interests and hobbies with the world. A web that is unpolished, often quirky but often also fun, creative and interesting."

Why mmm - Ongoing thread about making the Internet more fun and human: "We have polished, optimized, & standardized the life out of the internet, & it doesn’t feel quite as fun and alive anymore. A kind of nowhere-suburbification... But why does this matter? Websites are so... measly. And it wouldn't — if the internet were just a container of information. But it's more, right? We spend so much time living here, that maybe we should take this seriously. Make better places n stuff..."

The Small Web Is Beautiful - A primer on the small web and resources for small web development: "I believe that small websites are compelling aesthetically, but are also important to help us resist selling our souls to large tech companies. In this essay I present a vision for the 'small web' as well as the small software and architectures that power it."

What Is The Small Web? - A quick introduction to the small web, and to a small web development kit: "The Small Web is for people (not startups, enterprises, or governments). It is also made by people and small, independent organisations (not startups, enterprises, or governments2). On the Small Web, you (and only you) own and control your own home (or homes)."

Small Web Projects

Coyote's Link Hub - Loads of useful links and bookmarks related to the small web, web development, creativity, nature, free reading material, and more, neatly organized.

Neatnik - Adam Newbold's small web projects including omg.lol, URL Town web directory, and Neato flatfile CMS. I agree with Adam's AI-free stance: "I don’t use AI (LLMs, ML, or related tools)... I'm aware that my stubborn insistence on doing things entirely myself may not age well. But I remain committed to the craft of web development, for no other reason than I enjoy it. So I’m going to keep working that way, and enjoying this craft the way I choose to enjoy it."

Human JSON Protocol - A JSON template to self-declare as human, vouch for other humans, and state commitment to avoiding AI-generated content.

Kagi Small Web - Introduction to Kagi's small web explorer.

Alternative Internet - List of resources and tools for re-decentralizing the Internet.

Grow Your Own Services - Resources for building your own websites, social networks, personal clouds, instant messaging, etc.

Small Social Media

Alternative social media I use: Tildes for mostly nerdy stuff (it's like a minimalist Reddit / forum type platform) and Pillowfort for mostly creative stuff (it's like Tumblr / Livejournal). I enjoy the community vibes of both. People generally engage in a thoughtful and pleasant way. I like that these are both ad-free, not corporate-owned, and don't harvest your data. Feeds are chronological rather than algorithmic. Both have a small-to-medium community, so activity there doesn't feel overwhelming, and both are completely user-supported.

On A Technicality - Very helpful read about creating rules for online communities. TLDR: It's best to keep rules broad and unspecific, and allow moderators to make decisions based on their own subjective opinion. Trying to get specific allows for rule lawyering: jerks using technicalities and loopholes to circumvent rules ("oh but what I did wasn't specifically listed in the rules as being disallowed"), and this eventually results in most of the reasonable, active, and nice people quietly leaving the community due to exasperation with said jerks and rule lawyering.

My Favorite Small Websites

Fish Doorbell - Every spring, you can watch this livestream of an underwater camera in Utrecht to help fish pass through. If you see a fish, press the doorbell on the website to alert the lock keeper.

Fat Bear Week - Every autumn, vote for the brown bear that gained the most weight in preparation for winter in Katmai National Park, Alaska.

Mineral Cup - An annual competition where you can vote for your favorite crystal.

Historic Glass Bottle Identification & Information Website - An employee of the US Bureau of Land Management singlehandedly created this in 2003 and continues to maintain it after retirement.