Resources • Just Fluffing Around

Why Your Individual Privacy Matters for the Wider Population	A really nice write up on why you should care about your internet data and privacy because it affects more than just your individual self.
AlternativeTo	AlternativeTo is great for finding (hopefully, FOSS) alternatives to any app or software.
Awesome Privacy Github List	Masterlist of privacy-first alternatives for everything.
How to live without Google	Article featuring tons of alternatives to Google apps and programs.
Time to Encrypt the Cloud CryptPad Blog	End-to-End Encrypted Suggestions for cloud vaults.
Ethical Alternatives & Resources NEW	A list of ethical tech product alternatives that prioritize interdependent community, mindful consumption, equitable communication, compassionate action, and beneficial legacy.
Firefox	To avoid Google gaining a higher monopoly in the browser wars, I don't recommend using a chromium browser, even the privacy-first forks. Instead, I suggest Firefox! It's privacy conscious, open sourced, owned by a non-profit organization, and has so many cool features. There are other forks of it as well for even more security.
Bitwarden	To have a more secure online, you need to have unique, complex passwords for every account. To avoid having to remember each one, get a password manager! Bitwarden is my open source and end-to-end encrypted auto-fill password and note vault of choice.
Trust Zone	This is the VPN I personally use, but I’ve also heard Proton's is good.
Protonmail	An end-to-end encrypted email host I highly recommend.
Libre Office	A powerful open source offline office suite; replacement for Microsoft Office.
Crypt Pad	An end-to-end encrypted and open source online office suite that allows both sharing and simultaneous collaborations; replacement for Google Docs.
Picnic	A minimalist end-to-end encrypted collaborative online writing program.
Obsidian	My new go-to FOSS, local-first note-taking app.
Playnite	This is a multi-platform FOSS game library to put all your emulated, Steam, GOG, itch.io, and Epic games into.
Calibre DRM Removal 2023 Workaround	Calibre is a FOSS digital book library that also allows to remove DRM for Kindle books. Back up your libraries so you don't lose them!
Have I been Pwned?	Safely and legally check if your email or phone has been caught up in a data breach.
Just Delete Me	Use this site to figure out the process to delete your accounts on various websites.
Just Get My Data	A site similar to Just Delete Me, but instead it helps you find out how to get your data from each website.
TOS;DR	Nobody reads terms of services as much as they should, so this site helps to sum up the legal jargonese on various websites so you know what you're signing up for when you click "accept & continue".
Stop Apps from Tracking You	A guide for which settings to turn off to prevent Google, Microsoft, Apple, and the like from collecting data on you from their software, apps, and devices. Double check if there is any settings not covered in this article.
Windows 10 Security Guide [1] [2] [3]	All these guides help make using Windows a little more secure and prevent Microsoft from data tracking you.
How Companies Use Dark Patterns	Website explaining all about dark patterns and what they look like.

My Suggested Extensions

Auto Tab Discard	Do you like to open tons of tabs to save things to read later? This add-on will pause those tabs’ sessions until you click to view them again so you can keep them, but reduce your ram usage.
DecentralEyes	Another tracking blocker that focuses on centralized content delivery hubs (google, yandex, etc.)
Facebook Container	Facebook can track you even if you don't have an account with them via any Facebook button embedded on any website. Get this add-on to fence off those button trackers and if you do have to open Facebook/Instagram in your browser for any reason, it will automatically put them in their own separate containment tabs too.
Multi-Account Container	Opens tabs in isolation from each other so you can log in as different users in the same window without logging out.
Privacy Badger	This has an intelligent bot that will learn to block cookies or whole parts of a site to prevent tracking.
Privacy Possum	A fork of Privacy Badger that is not only a tracking blocker, but also a data tracking falsifier that will send out nonsense data to waste companies as much money as possible.
TamperMonkey	This is great for installing scripts for specific sites. My list of scripts are: UnDiscord Discord History Deleter, Discord History Tracker, and AO3 Kudosed and Seen History.
uBlock Origin	The best ad blocker you could ever ask for and one that doesn’t secretly whitelist certain sites like Adblock Plus does.
Wayback Machine	The official extension for the Wayback Machine/Internet Archive.
ClearURLS	An extension that will clear links from sites that put data trackers in them.
Ublacklist	An extension that will allow you to block whole websites from your search results.
Link Hints	A browser extension that will make any interactable thing on a web page have a keyboard key linked to it allowing you to exclusively move around a page with your keyboard regardless of the website's design.

NEW Games and Time Sinkers

NEW Web Building

NEW HTML

HTMLBasix	Has some nice HTML generators as well as HTML tutorials.
HTML.am	More HTML Generators.
HTML Details Generator	Simple generator to make <detail> tag trees.
Rainbow Text Fader	Let's you pick multiple colors you want your text to have and spits out a HTML code for it.
HTML Formatter	Take all of your messy code, paste it in this formatter, and it will spit it out again with perfectly spaced indents for easier reading of your html file.
HTML HEAD NEW	A helpful guide to HTML head elements like meta and link rel tags.
HTML Sight Bookmarklet NEW	A small bookmarklet that let's you see any website's HTML properties visually.

NEW CSS

CSS Selector Game	A game that teaches you about different CSS selectors and pseudo-selectors.
Select.Pink	Another game teaching you how to utilize CSS Selectors.
Flexbox Field Guide	A beautifully illustrated guide on learning CSS Flexbox.
CSS Flexbox Froggy Game	An adorable frog-themed game to learn CSS Flexbox.
CSS Grid Garden Game	A fun colorful game that teaches you CSS Grid.
Dannarchy's Mobile-Friendly Sites with CSS	Quick and dirty tips for mobile responsive websites.
CSS Flexbox Cheatsheat NEW	A simple visual cheat sheet of different CSS flexbox properties.
CSS Grid Cheatsheet NEW	A simple visual cheat sheet of different CSS grid properties.
Smol CSS NEW	Simple minimal snippets for modern CSS layouts and components.
CSS Tricks	A huge resource for CSS guides and tutorials to do just about anything.
CSS Script	CSS style libraries and loads of guides for Pure CSS features.
You Don't Need Javascript	CSS Alternatives to Javascript.
CSS Layouts	Lots of CSS codes for different website components like loading spinners and navigation.
How to Center in CSS Generator NEW	A simple in-line CSS generator to center divs or text with options for IE support, content size, and container size.
CSS Clippy	Super helpful generator to make CSS clip paths.
CSS Background Generator	Mess with the settings on a mixtape to create a unique background out of only CSS.
CSS Gradient Generator	Make beautiful CSS gradients.
CSS Only Backgrounds	What it says on the tin, a generator that let's you make simple pattern backgrounds that are Pure css.
Background Repeater Generator	Make tiling backgrounds with this neat generator.
Pattern Generator	Choose from a selection of shape patterns and then mess with the options to create a unique background.
100+ Unique CSS Patterns	A giant list of Pure CSS Patterns you can grab the codes for.
Patternify	Make pixel-style repeating background tiles.
Stripes Generator	Make stripe patterns with only CSS.
Border Image Generator	This tool from Mozilla will help you create borders/frames from any image.
Decorative CSS Borders	Unique beaded and dashed borders.
Broider Pixel Border Generator	Make pixel borders with this tool.
Multiple Borders with CSS	How to stack multiple borders with CSS.
CSS Hover Effects	Different CSS effects when you hover over objects.
Animate.style	Neat CSS animations.
Transfonter @Font-Face Generator NEW	A useful generator to make custom CSS font-face code.
CSS Warped Text Generator NEW	Use this generator to make text follow curves and shapes with pure CSS while keeping accessibility for screen readers.
Text Stroke Generator	A generator that will help you make outlines around your text with CSS.
Neat Text Effects	CSS library for neat text effects.
CSS Beautifier	Paste in your CSS code for it to be formatted with neatly tabbed indents.

NEW HTML, CSS, & Javascript

W3Schools	The best resource for learning and referencing everything HTML and CSS.
Old Webmaster's Guide to Mobile-Friendly Websites	Another guide for mobile-friendly websites.
Web Zine: How to make a Webpage from Scratch!	Just a internet zine for learning how to make a webpage.
Front-End Checklist	A checklist to make sure you have added everything you needed to for proper website building.
Html Dog	Well-written guides to HTML, CSS, and Javascript.
Interneting is Hard	A thorough list of guides to learn HTML & CSS with simple, plain language and diagrams.
Shark Coder NEW	Learn HTML & CSS design with a cute shark mascot and inviting graphics.
Quackit Tutorials NEW	A bunch of tutorials, code snippets, guides, and templates for HTML, CSS, Javascript, and more!
HTML & CSS Code Generators	This site has some great HTML and CSS generators.
Web Code Tools	A code snippet generator for HTML, CSS, Javascript, and more.
Dynamic Drive	Even more code snippets.
Mf2fm	Several code snippets and generators.
Encodedna	More CSS and HTML codes.
Doodlenerd	Has a lot of practical and fun code generators. I especially recommend the CSS Animations Generator, which is what I used to make my bouncy title on my homepage.
HScripts	That's right, more codes and generators.
Image Lightbox Script	Javascript code to make images open in shadowboxes when clicked.
Layout It	My go-to CSS grid layout generator.
Elara Coding Game	A FOSS, accountless adventure game with voice acting and illustrations to teach you coding concepts similar to Javascript.
Untrusted - A Javascript Game	A cool text game that teaches you how to code Javascript.
Elevator Saga Javascript Game	Another Game here to teach you to write Javascript code.

NEW Other

Webmaker.app	A free and open source live preview code editor that also works offline.
Guideliness for Image Descriptions	A nice write-up on how to write different types of image descriptions for accessibility.
Access Guide	A nicely designed website with simple to read articles on different kinds of accessibility features to write into your site plus there's a checklist!
Webaim & Contrast Grid	Helpful sites to check the color contrast of your texts and backgrounds for accessibility. Second link let's you do up to 8 at once.
Hocus:Focus Keyboard Game	Learn keyboard accessibility tabbing via this little emoji game.
Domino 2 NEW	A neat downloadable note-taking collage tool to put on your website that is made with pure CSS and HTML.
Font Identifier	A bookmarklet that will attempt to identify a font on a webpage.
Straw.page	A wysiwyg site builder that allows you to make funky websites. 5 pages for the free tier.
mmm.page	A wysiwyg fully mobile responsive site builder that let's you make creative webpages that aren't just blocks. 3 pages and 30 blocks per page for the free tier.
Rooms.xyz	A isometric room maker you can use to create your own virtual & personal interactive space on the web. There's a lot of items you can add to your room that people can interact with like a working guestbook, image galleries, games, and more!
Status.cafe	A micro update log that provides a widget to add to your website.
Crafting a Digital Garden NEW	A note taking system for turning notes into more permnanent notes or even posts.

Graphics & Pretties

Text

Cool Text	Make some cool looking static and animated texts.
Flaming Text	Kind of similar to Cool Text and Text Space, but with way more control over the options.
Gigaglitters	Lots of glitter text animations to choose from.
Glitter-Graphics	Myspace fonts text generator. This site also has a lot of graphics and other generators too.
Glowtxt	Make some fancy text with each a small selection of colored textures and even animations to choose from.
Loading.io	Beautiful text animations that can be exported to SVG or GIF. Unfortunately, unless you are willing to pay, the width can only be 280px max and there is only a few select fonts to choose from. Still worth looking it though.
Picasion	More Glitter text.
Pookatoo	Very similar to Glowtxt.
Text Space	Very similar options to Cool Text.
Textanim	Choose from a wide variety of patterns and then select the font, the direction, and speed of the animation.

NEW Image Editors

TinyPNG	Compress PNG and JPEG images down for websites without losing any quality.
Online Image Compressor NEW	Another image compressor option.
ILoveIMG NEW	A online photo editor with a bunch of tools including image compressing, upscaling, converting, and resizing.
Squoosh App NEW	Another image compressor and manipulator.
Waifu2x NEW	A really nice art upscaler that works without losing quality.
PixelIt	Turn any photo into a pixel image.
Pixelicious NEW	Another image to pixel maker.
EZgif	The best gif maker out there with so many editing options and completely free.
8 MB Video	Compress a video down to just under 8mb.
Dither Me This	Photo ditherer.
Online Image Editor	Under the "Advanced" option you can glitterify sections of any image and there are many glitter chips to choose from.
Glitterboo	Make your images sparkle with many different effects.

Graphic Libraries

Huge Background Images Library	A codepen full of a variety of tiled backgrounds.
Big Link List of Graphic Websites	An incredible directory of so many different sites that offer free graphic linkware and abandonware.
Pixel-Soup	My favorite pixel image library.
Peachie's Collection of Cute Stuff	An archived pixel library.
Animated Gifs Fr	A French website with a ton of old-style looking gif graphics.
Bonnibel's Graphic Collection	A graphic collection dump.
Dreamroom	Make a pixel room; slightly unfinished.
Web Creations By Jumpy	An old-style image collection library.
Silent Ears	A sparkly gif image collection.