Practical Technology

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.

Odin Project - Free full-stack web development online courses for HTML, CSS, Javascript, Ruby, databases, and more.

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

Cheaters Javascript, CSS & JS Theme Switchers - Beginner-friendly guides by Solaria.

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. I'm using Huge 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.

Njalla - Privacy-first domains, VPS hosting, and VPN. Starting at around €15 yearly for domains, €15 montly for VPS, €5 for VPN.

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.

Game Development Resources & Tools

Greg Costikyan - Veteran game designer. His website includes his writings on game design. I especially enjoyed his design notes on Evolution: The Game Of Intelligent Life, a game which I loved so much as a kid.

itch.io - Free platform for indie games, game jams, and game assets. I post my games here too.

CC0 Assets by Kenney - Tons of free 2D, 3D, audio, and UI game assets.

Freesound - Great for finding CC0 sound effects. I use this a lot.

Free JSON utilities: JSON Viewer, JSON Editor, JSON Graph Viewer

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.

DaVinci Resolve - Professional cinematic video editing, color grading, effects, and more, with an excellent free version. Creative Video Tips on Youtube has great tutorials for this.

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.

Ezgif - Free online GIF maker. Plenty of other nifty tools too for editing and converting images, videos, etc.

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.

Windscribe - If you want a VPN subscription, this one is around $30 / year, and also doesn't require an email address.

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.

Solaria's Webspace - Beginner-friendly web development guides, links, and more, on this artist's personal website.

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.

The Cheap Web - Ethos and links related to the cheap web-- cheap to maintain, leave, access, participate, explore, contribute.

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

myNoise - Free soundscapes by audio engineer Stéphane Pigeon, who's personally recorded and collected thousands of samples of natural sounds, ambient music, and background noise, so you can customize your own personal background sound mix. Funded by user donations. No AI. A couple of my fave soundscapes: Japanese Garden, Dreaming Nautilus.

Idle Words - I really enjoy Maciej Cegłowski's blog, especially these entries: Argentina On Two Steaks A Day, Białowieża Forest. His writing is so fun, immersive, and personal.

Brett Terpstra - I go to Brett's blog to learn about cool new apps and other tech things!

Orisinal by Ferry Halim - Beautiful free online minigames. Happy this is still around after more than 20 years!

QR Code Generator - Free open source tool for generating QR codes from images. Image is entirely processed locally in the browser and not uploaded to any server. No ads.

Hacker Typer - Use this screen to pretend you're a hacker in an action film.

Sandspiel - "Falling sand" simulator by Max Bittker, who has a lot of other cool projects.

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.


This page was last updated 2026-04-22.

↑ BACK TO TOP