Natural Voice Change

beginner’s guide to the indie web

“i miss the old internet” “we’ll never have websites like the ones from the 90s and early 2000s ever again” “i’m tired of social media but there’s nowhere to go”

HOLD ON!

personal websites and indie web development still very much exist! it may be out of the way to access and may not be the default internet experience anymore, but if you want to look and read through someone’s personally crafted site, or even make your own, you can still do it! here’s how:

use NEOCITIES! neocities has a built in search and browse tools to let you discover websites, and most importantly, lets you build your own website from scratch for free! (there are other ways to host websites for free, but neocities is a really good hub for beginners!)

need help getting started with coding your website? sadgrl online has a section on her website dedicated to providing resources for newbie webmasters!

HTML (HyperText Markup Language) and CSS (Cascading Style Sheets) are the core of what all websites are built on. many websites also use JS (JavaScript) to add interactive elements to their pages. w3schools is a useful directory of quick reference for pretty much every HTML/CSS/JS topic you can think of.

there is also this well written and lengthy guide on dragonfly cave that will put you step by step through the basics of HTML/CSS (what webpages are made from), if that’s your sort of thing!

stack overflow is every programmer’s hub for asking questions and getting help, so if you’re struggling with getting something to look how you want or can’t fix a bug, you may be able to get your answer here! you can even ask if no one’s asked the same question before.

websites like codepen and jsfiddle let you test HTML/CSS/JS in your browser as you tinker with small edits and bugfixing.

want to find indie websites outside the scope of neocities? use the search engine marginalia to find results you actually want that google won’t show you!

you can also use directory sites like yesterweb’s link section to find websites in all sorts of places.

if you are going to browse the indie web or make your own website, i also have some more personal tips as a webmaster myself (i am not an expert and i am just a small hobbyist, so take me with a grain of salt!)

if you are making your own site:

get expressive! truly make whatever you want! customize your corner of the internet to your heart’s content! you have left the constrains of social media where every page looks the same. you have no character limit, image limit, or design limit. want to make an entire page or even a whole website dedicated to your one niche interest that no one seems to be into but you? go for it! want to keep a public journal where you can express your thoughts without worry? do it! want to keep an art gallery that looks exactly how you want? heck yeah! you are free now! you will enjoy the indie web so much more if you actually use it for the things you can’t do on websites like twitter, instead of just using it as a carrd bio alternative or a place to dump nostalgic geocities gifs.

don’t overwhelm yourself! if you’ve never worked with HTML/CSS or JS before, it may look really intimidating. start slow, use some guides, and don’t bite off more than you can chew. even if your site doesn’t look how you want quite yet, be proud of your work! you’re learning a skill that most people don’t have or care to have, and that’s pretty cool.

keep a personal copy of your website downloaded to your computer and don’t just edit it on neocities (or your host of choice) and call it a day. if for some reason your host were to ever go down, you would lose all your hard work! and besides, by editing locally and offline, you can use editors like vscode (very robust) or notepad++ (on the simpler side), which have more features and is more intuitive than editing a site in-browser.

you can use ctrl+shift+i on most browsers to inspect the HTML/CSS and other components of the website you’re currently viewing. it’ll even notify you of errors! this is useful for bugfixing your own site if you have a problem, as well as looking at the code of sites you like and learning from it. don’t use this to steal other people’s code! it would be like art theft to just copy/paste an entire website layout. learn, don’t steal.

don’t hotlink images from other sites, unless the resource you’re taking from says it’s okay! it’s common courtesy to download images and host them on your own site instead of linking to someone else’s site to display them. by hotlinking, every time someone views your site, you’re taking up someone else’s bandwidth.

if you want to make your website easily editable in the future (or even for it to have multiple themes), you will find it useful to not use inline CSS (putting CSS in your HTML document, which holds your website’s content) and instead put it in a separate CSS file. this way, you can also use the same theme for multiple pages on your site by simply linking the CSS file to it. if this sounds overwhelming or foreign to you, don’t sweat it, but if you are interested in the difference between inline CSS and using separate stylesheets, w3schools has a useful, quick guide on the subject.

visit other people’s sites sometimes! you may gain new ideas or find links to more cool websites or resources just by browsing.

if you are browsing sites:

if the page you’re viewing has a guestbook or cbox and you enjoyed looking at the site, leave a comment! there is nothing better as a webmaster than for someone to take the time to even just say “love your site” in their guestbook.

that being said, if there’s something on a website you don’t like, simply move on to something else and don’t leave hate comments. this should be self explanatory, but it is really not the norm to start discourse in indie web spaces, and you will likely not even be responded to. it’s not worth it when you could be spending your time on stuff you love somewhere else.

take your time! indie web doesn’t prioritize fast content consumption the way social media does. you’ll get a lot more out of indie websites if you really read what’s in front of you, or take a little while to notice the details in someone’s art gallery instead of just moving on to the next thing. the person who put labor into presenting this information to you would also love to know that someone is truly looking and listening.

explore! by clicking links on a website, it’s easy to go down rabbitholes of more and more websites that you can get lost in for hours.

seeking out fansites or pages for the stuff you love is great and fulfilling, but reading someone’s site about a topic you’ve never even heard of before can be fun, too. i encourage you to branch out and really look for all the indie web has to offer.

i hope this post helps you get started with using and browsing the indie web! feel free to shoot me an ask if you have any questions or want any advice. <3

literally most things that people write off as just ‘textures’ to use in graphics are stolen & unsourced material created by artists or photographers NOT meant to be used as elements in projects without royalty payments. you can say ‘it’s just random tumblr posts they don’t care’ but you wouldn’t want someone to take your work and edit into their work so they can be praised for their beautiful style and creativity even if they just post it on social media w/o profit, would you?? so maybe if you browse pinterest or google images for pictures without finding the original source, you’re using images that you’re not allowed to use without realizing it.

you see it on here a lot especially in (i won’t link anything but i’m sure you know what i mean) those album track ‘aesthetics’ posts, au ‘aesthetic’ posts (you see these less in kpop, but where people use non-royalty free images to kinda craft a visual au), and even just rather typical graphics that have a lot of ‘texture’ elements. and texture packs too!! that’s often where the problem starts; people just collect images (often literal art), compile them in a folder w/o sources, then insist no one can repost those images w/o crediting the person who compiled them. what???

SO may i suggest some of my fave places you can get FREE, ROYALTY-FREE elements that are totally legal to use

creativemarket has 6 free high-quality resources (textures, brushes, fonts, etc), different every week! wow awesome i check it every week

search ‘freebie’ on behance. awesome stuff!!! lots of v nice templates textures and fonts

mockup zone freebies

unsplash: tons of very nice free photographs, not shitty stock photos

pexels: same idea. + they have an adobe plugin so you can get photos without closing your editor damn nice

pixelsquid is a super cool free program (again w a ps plugin that i love) with lottts of super cool hq 3d elements!

as to not make this too long: spoongraphics, lostandtaken (textures galore), pixeden, freebiesbug.

Links to my free sewing patterns! - big manta ray - smaller manta ray - monster friend (those monsters with horns I’ve been making lately, but without horns) - pie slice - Fred, the Fish of Minimal Effort - tiny cat (aka Jiji) - mini mothman - whale shark/donut whale shark - juggling frog/toad (aka my smallest, simplest frog pattern of the three I’ve made) - large frog - tiny hedgehog - minecraft bee

Wait, do people know about the Before I Play wiki?

I have used this for..... at this point easily over 6 years. It's a wiki where there will be low-spoiler/non-spoiler hints about just stuff you would want to know before playing a game.

It's always stuff like.... "Vitality in this game is useless, put your points in everything else first" or "Don't leave the second hub town until you buy X item, it'll become unobtainable."

Lemme pick an example almost everyone will know. From the Animal Crossing New Horizons page, the first tip is:

Nearly everything on the island is movable later, including all buildings and even cliffs and rivers. The main things that are fixed are the stuff on the border of the island (river mouths, beaches, rocks/peninsulae, the dock and the airport) and the resident services plaza, so picking your island layout should be based around that primarily.

That's stellar advice, tbh, given what you'll know about the game 30 hours in instead of 30 minutes.

Not every game is covered obviously and not every piece of advice is good, it's all subjective, BUT..... I look up almost every game I play for the first time, just to keep stuff in mind. The SMT4 page had top tier advice imo.

games (mostly text-based) about houses and places-- exploring them, haunting them, feeding them:

childhood homes (and why we hate them) - after a decade, you return home.

return - a text-based horror game about coming home.

singing from the far side of the hill - about a trans woman, homeless after a bad breakup, who rents a stranger's spare room. it's a decision she comes to regret.

anatomy - Explore a suburban house, collect cassette tapes, study the physiology of domestic architecture.

leave house - leave house

the open house - We at Northtree Real Estate (in partnership with Optix Dynamix Labs) are proud to present our new, state-of-the-art, open house simulator!  Come and take a quick tour of 15615 Hollow Oak Lane, a familiar and comfortable showcase home in one of our premier developments!

what girls do in the dark - This little game is based off one of the greatest fears they had as a teenage girl: showing up late to a stranger's slumber party.

unbecoming - a sonically-textured interactive horror fiction exploring cycles of trauma and unspeakable forces of nature in a mythic rural American landscape.

13 laurel road - an interactive fiction game about the relationships we have with places and reconciling with trauma. You play as a young man named Noah who has been tasked with picking up some things from his cousin’s old house.

domvs - a gothic mystery game in which you rely on your environment to uncover the truth.

flesh, blood, & concrete - you find yourself in a vast, empty apartment complex.

i am still here - a short, unconventional ghost story and vignette reflecting on the end of a long lockdown.

vacant - Film a ghost-hunting show.

Yoooooo!!!!

itch.io

FilmCow Royalty Free Sound Effects Library by FilmCow

FilmCow Royalty Free Sound Effects Library by FilmCow

spotify is raising prices again here's the apk that gives you premium for free

reading progressive sex ed caricatures with accurate and detailed and realistic diagrams of sexual organs + shows their variation, but all i can think about is how there is no discussion of what srs is besides the fact that it exists

Can you recommend me resources for racial literacy, please?

so this is a hard question to answer when I don't know where you're from or what your background is.

The first book you should be reading if you're USAmerican is

preferably the 10th edition.

here's some articles and resources that are free though.

NPR

'Not Racist' Is Not Enough: Putting In The Work To Be Anti-Racist : Life Kit

Even white supremacists don't like to be called racist. That's why, NPR's Eric Deggans says, "not racist" doesn't feel like quite enough. In

National Museum of African American History and Culture

Being Antiracist

No one is born racist or antiracist; these result from the choices we make. Being antiracist results from a conscious decision to make frequ

This is a really good starting point if the above are too confusing though

let me know if you need more resources!!

mod ali

🎮 HEY I WANNA MAKE A GAME! 🎮

Yeah I getcha. I was once like you. Pure and naive. Great news. I AM STILL PURE AND NAIVE, GAME DEV IS FUN! But where to start?

To start, here are a couple of entry level softwares you can use! source: I just made a game called In Stars and Time and people are asking me how to start making vidy gaems. Now, without further ado:

SOFTWARES AND ENGINES FOR PEOPLE WHO DON'T KNOW HOW TO CODE!!!

Ren'py (and also a link to it if you click here do it): THE visual novel software. Comic artists, look no further ✨Pros: It's free! It's simple! It has great documentation! It has a bunch of plugins and UI stuff and assets for you to buy! It can be used even if you have LITERALLY no programming experience! (You'll just need to read the doc a bunch) You can also port your game to a BUNCH of consoles! ✨Cons: None really <3 Some games to look at: Doki Doki Literature Club, Bad End Theater, Butterfly Soup

Twine: Great for text-based games! GREAT FOR WRITERS WHO DONT WANNA DRAW!!!!!!!!! (but you can draw if you want) ✨Pros: It's free! It's simple! It's versatile! It has great documentation! It can be used even if you have LITERALLY no programming experience! (You'll just need to read the doc a bunch) ✨Cons: You can add pictures, but it's a pain. Some games to look at: The Uncle Who Works For Nintendo, Queers In love At The End of The World, Escape Velocity

Bitsy: Little topdown games! ✨Pros: It's free! It's simple! It's (somewhat) intuitive! It has great documentation! It can be used even if you have LITERALLY no programming experience! You can make everything in it, from text to sprites to code! Those games sure are small! ✨Cons: Those games sure are small. This is to make THE simplest game. Barely any animation for your sprites, can barely fit a line of text in there. But honestly, the restrictions are refreshing! Some games to look at: honestly I haven't played that many bitsy games because i am a fake gamer. The picture above is from Under A Star Called Sun though and that looks so pretty

RPGMaker: To make RPGs! LIKE ME!!!!! NOTE: I recommend getting the latest version if you can, but all have their pros and cons. You can get a better idea by looking at this post. ✨Pros: Literally everything you need to make an RPG. Has a tutorial inside the software itself that will teach you the basics. Pretty simple to understand, even if you have no coding experience! Also I made a post helping you out with RPGMaker right here! ✨Cons: Some stuff can be hard to figure out. Also, the latest version is expensive. Get it on sale! Some games to look at: Ib, Hylics, In Stars and Time (hehe. I made it)

engine.lol: collage worlds! it is relatively new so I don't know much about it, but it seems fascinating. picture is from Garden! NOTE: There's a bunch of smaller engines to find out there. Just yesterday I found out there's an Idle Game Maker made by the Cookie Clicker creator. Isn't life wonderful?

✨more advice under the cut. this is Long ok✨

ENGINES I KNOW NOTHING ABOUT AND THEY SEEM HARD BUT ALSO GIVE IT A TRY I GUESS!!!! :

Unity and Unreal: I don't know anything about those! That looks hard to learn! But indie devs use them! It seems expensive! Follow your dreams though! Don't ask me how!

GameMaker: Wuh I just don't know anything about it either! I just know it's now free if your game is non-commercial (aka, you're not selling it), and Undertale was made on it! It seems good! You probably need some coding experience though!!!

Godot: Man I know even less about this one. Heard good things though!

BUNCHA RANDOM ADVICE!!!!

-Make something small first! Try making simple: a character is in a room, and exits the room. The character can look around, decide to take an item with them, can leave, and maybe the door is locked and you have to find the key. Figuring out how to code something like that, whether it is as a fully text-based game or as an RPGMaker map, should be a good start to figure out how your software of choice works!

-After that, if you have an idea, try first to make the simplest version of that idea. For my timeloop RPG, my simplest version was two rooms: first room you can walk in, second room with the King, where a cutscene automatically plays and the battle starts, you immediately die, and loop back to the first room, with the text from this point on reflecting this change. I think I also added a loop counter. This helped me figure out the most important thing: Can This Game Be Made? After that, the rest is just fun stuff. So if you want to make a dating sim, try and figure out how to add choices, and how to have affection points go up and down depending on your choices! If you want to make a platformer, figure out how to make your character move and jump and how to create a simple level! If you just want to make a kinetic visual novel with no choices, figure out how to add text, and how to add portraits! You'll be surprised at how powerful you'll feel after having figured even those simple things out.

-If you have a programming problem or just get confused, never underestimate the power of asking Google! You most likely won't be the only person asking this question, and you will learn some useful tips! If you are powerful enough, you can even… Ask people??? On forums??? Not me though.

-Yeah I know you probably want to make Your Big Idea RIGHT NOW but please. Make a smaller prototype first. You need to get that experience. Trust me.

-If you are not a womanthing of many skills like me, you might realize you need help. Maybe you need an artist, or a programmer. So! Game jams on itch.io are a great way to get to work and meet other game devs that have different strengths! Or ask around! Maybe your artist friend secretly always wanted to draw for a game. Ask! Collaborate! Have fun!!!

I hope that was useful! If it was. Maybe. You'd like to buy me a coffee. Or maybe you could check out my comics and games. Or just my new critically acclaimed game In Stars and Time. If you want. Ok bye