Kie's resources for the indie web

Graphics resources

Resources to make or edit graphics

• 3dtext2gif GIF maker : this website generates moving 3D text.
• Ezgif.com : I use this website to cut GIFs and moving WebP graphics. It also lets you crop them, add filters or text to them and extract individual frames. It's pretty much the best website to make and edit GIFs.
• Earthbound textbox maker : an Earthbound-style textbox maker. Has nice customization options.
• Minecraft achievment maker : makes a minecrfat-style achievment box.
• The Death Generator : generates textboxes in the style of a huge library of videogames.
• Remove bg : automatically removes the background from an image.
• Dither Me This : dithers images! With many different dithering options.
• 3D GIF Maker : tool to turn images into spinning 3D animations.
• Basti93's stamp template : a template for 99x56 web stamps! I've used it multiple times.

Fonts

• Dafont.com : huge database of free fonts. Most of them have a free licences for personal use, but some are 100% free. Has great fonts for titles and decorative text.
• Google Fonts : numerous free fonts, usually with both bold and italic variants. The fonts are great for body text, with many basic and high-readability options.
• fontspace : 130,000+ free fonts of all kinds.

Sound

• FilmCow royalty-free sound effects library : library with more thank 4k sound effects free to use. Could be great to add sound effects to your site, but I haven't tested it as I prefer my site to be sound-free for accessibility concerns.

Collections of graphics

• Squarepancake Neocities buttons : a small but really nice assortment of Neocities-themed 88x31 buttons.
• My collection of web stamps : a whole bunch of stamps I found throughout the web. The stamps can be filtered by theme and are sorted by color.
• Tiny identity buttons masterpost : huge collection of tiny buttons for pronouns, orientations, disabilities and interests.
• Jasmine : numerous (but not limited to) videogame and anime materials. Also contains some fonts, cursors and clocks. To access them use the "materials" drop menue at the top.
• Pixel Safari : nice collection of blinkies, stamps, favicons, dividers, buttons and more.
• TheVGresource : huge database of sprites, models, textures and sound effects from videoagmes. Might be a bit hard to navigate.
• Gifcities : huge database of GIFs scraped from old websites by The Internet Archive
• Glitter : a searchable database of glittery graphics.
• Starmen.net : website with a lot of materials from Mother/Earthbound games. Includes official art, maps, assets and sound effects.
• Emocowboy's graphics : collection of blinkies, banner ads and other graphics. Lots of emo-themed graphics.
• Public domain art hoard : HUGE (1500+) assortment of public-domain artworks.
• Tenshiikisu backgrounds masterpost : huge masterpost with 500+ backgrounds. Including tiled, gradient and anime backgrounds.
• Nimravidae's hoards : good collection of stamps, blinkies and badges
• Fairycakesbakery graphics collection : collection of favicons, blinkies, stamps, icons and dividers.
• Gifcity : cardd with various graphics. Includes tiled backgrounds, blinkies, stamps, favicons and more.
• Lucy's stash : huge collection of favicons.
• Prismatic realm : really nice assortment of web ads (focusing on anime and videogames), anime magazine covers and PNGs of figurines.
• Sozoro9 : website with free banners, buttons and tiled backgrounds. It's mostly in Japanese but easy to navigate.
• Fool Lovers : website with cute pixel graphics, tiled backgrounds and butotns. The website is exclusively in Japanese (you can browse the materials through the "menu" section in the top right).
• The Cyber Vanguard 88x31 collection : collection with 4500+ classic 88x31 buttons.
• Queen's web graphics : big collection of tiled backgrounds, borders and assorted graphics. The website is in Japanese and really confusing to navigate.
• Cakebatter : a site with various cute and kidcore graphics. Over 1500 favicons.
• My own collection of graphics on Tumblr : all the posts with nice graphics I found while browsing Tumblr! Ocassionally includes resources.
• Tiptopglobe.com : this site has over 16K userbars!

Everything code

Materials to learn coding and other guides

• "The Only CSS Layout Guide You'll Ever Need" by EdRoh (youtube) : a pretty well-rounded guide on how to create a layout for a website from scratch. Goes over both flexbox and grid.
• "Learn Flexbox CSS in 8 minutes" by Slaying The Dragon (youtube) : complete guide on flexbox properties.
• w3schools HTML directory : EVERYTHING HTML.
• w3schools CSS directory : EVERYTHING CSS.
• LTW HTMl semantics cheatsheet : great reference for HTML semantics.
• Doquemat RSS guide : short and to the point guide on everything you need to know about RSS feeds! Including how to set up your own and display it on your site.

Code snippets

• Adilene multiple song music player : really nice music player that allows you to add multiple songs! It can be find in the "Resources" section under "My Codes". I used it in my homepage.
• w3schools how to filter elements : code to create filterable elements. I used it in numerous pages of the website.
• Scripted Resources : a site with a lot of codes! Most of them are pretty basic, but still quite useful if you're not that experienced with CSS.
• w3schools how to create a modal : code to create a modal pop-up. I used it in my homepage.
• w3schools how to create a draggable element : very simple but effective code to create draggable elements! I used it in my blog

Software and other services

• Catbox.moe : free file-hosting service. It's the only one I've been using for my site.
• Timestamp Generator : this website generates timestamps for you in the most commonly used formats. Great for Atom/RSS feeds
• Notepad++ : the code editor I use! Open source and bloat-free

Accessibility resources

• Adopt -a- Panda : cute adopts/buttons to let users know for what age group your site is intended.
• Accessible Net Directory : great place to start to make your website more accessible. Provides a lt of information and resources.
• Venngage accessible color palette generator : generates palettes with high-readability colors that go well with a color inserted by the user.
• "The right tag for the job: why you should use semantic HTML" by localghost : this article describes the importance of semantics when writing HTML code and offers some resources at the end. I've been trying to pay attentioin to HTML semantics since reading this article.

Other lists of resources

• Doqmeat's links : really comprehensive list of resouces of any kind. Including fonts, hosting services, graphics, articles on the independet web, webrings and various tutorials.
• Sadgirl.online webmaster links : very famous directory of resources to make websites. Has resources for pretty much anything, and a nice filtering system.
• 32-bit Cafe resource list : extremly comprehensive list of resources for the independent web. Including graphcs, snippets of code, resources to learn coding and accessibility resources.
• 443b94 graphics links : list of sites with graphics.
• Swirl's resources : list of websites with graphics, various online tools and resources to learn coding.
• Killychan's resources : list including numerous resources for 3D models and 3D textures.
• Ichigo directory : list of websites featuring cute and pixel graphics.
• Cyberfrog's resources : list of various resources. The templates list in particular is fairly long.
• Solaria's link catalogue : bunch of nice resources and tools!

Inspiration and references

References

• AdorkaStock : a website with a huge collection of real-life pose references made specifically for artists. Features filtering by angle (low/high), body type, general pose and weapons.
• Line of Action : my favorite website to practice anathomy. Features diverse body types, and is meant to be used for quick practice sketches.
• PoseMyArt : my favorite tool to pose 3D models. The free-to-use gallery of models and props is somewhat limited, however it's more than enough for what I need. I have used it several times to make references.
• Posenamics : this website features several posed models and lets you rotate them and view them in different lights. Unfortunately the poses cannot be modified.
• Animal photo : this webapp lets you rotate different animal skulls. Uncomfortable to use from desktop, might be better on mobile.

Inspiration

• IAMAG : a personal favorite of mine. This websites curates galleries from prominent artists in the videogame, movies and comics industry.
• Art of Death Note : a collection of reference sheets and concept sketches from the production of Death Note. Great for mangakas or comic artists. I particularly like the ones made for buildings and vehicles.
• "Takeshi Obata: Never Complete" Masterlist : a masterlist of everything regarding Takeshi's Obata 30th anniversary exhibition.
• Animeartbooks.net : very self-explanatory: this site lets you browse artbooks from various anime and manga.
• Artstation : does Artstation really need an introduction? This digital magazine compiles artworks from professionals in the videogame industry. This site focuses on helping artists break into the industry by giving tips and showcasing portfolios.
• MTG Art : a collection of high-resolution artworks from the trading card game Magic: the Gathering. Can be browsed per set or per artist.

Materials from various media

• Khada (LoL model viewer) : a fan-made model viewer that lets you view League of Legends models and their animations in a 3D environment. Great to use as a reference or as inspiration.
• Baldur's Gate 3 art blast : huge official publication of concept art and renders from BG3, completely free.
• Noclip : this websites lets you freely explore datamined maps from classic videogame titles.
• Starmen.net : website with a lot of materials from Mother/Earthbound games. Includes official art, maps, assets and sound effects.

More tools

Prompts

• Loveletterworm's character idea generator : a simple prompt generator that gives you a 3-color palette and some symbols to inspire you to create a character.

Color resources

• Color Blender : creates a gradient from any two colors.

Sewing and stitching

• FlossCross : this website generates cross-stitching patterns from images, and lets you edit them.
• Plushify : this websites creates a pattern to make a plushie from a 3D model. I haven't tested it yet.

Writing tools

• OneLook : great website to find words from a synonym or a related concept.
• Arcadia.net worldbuilding checklist : a checklist of questions to guide you through the worldbuilding process!
• The Danger Days Dictionary : pretty self-explanatory. a Google document containing all the terms used in The True Lives of the Fabulous Killjoys and their meaning. Great for Danger Days fanfic writers, but also for OC writers looking for inspiration.

Miscellaneous

• Cobalt : a browser-based video and audio downloader. Works with many websites, including Youtube.
• yt-dlp : a command-line video and audio downloader. Works with thousands of websites, including Youtube. Might require some time to set it up and figure out how to use it.
• Boil the Frog : this website lets you choose two music artists and creates a playlist that transitions from one to the other. Great for finding new music artists that match your taste.
• 12ft : this website removes paywalls and annoying pop-ups from articles.
• Paywall Reader : does the same thing as the previous website. I haven't tested it out myself.
• Tadfool's DnD stash : a huge Google Drive folder containing DnD 5e assets and manuals.
• Ruwix beginners guide for the Rubik's cube : this guide was super helpful when I was first getting into Rubik's cubes! The step-by-step animations make learning how to solve the cube really easy.
• "How to ROOT a phone" : my favorite guide on how to root Android phones. It's on the XDA forums.
• Zelda Dungeon : an all-about-Zelda website! With news, walkthroughs, and media from the games.
• Laingame.net : this website lets you play the videogame Serial Experiments Lain on the web. The game is structured as a network simulator instead of having a traditional gameplay structure.
• Heyzine : a tool to make digital flipbooks! Great for digital zines.
• Freemagazines : a library of free downloadable magazines

Interesting reads

• "The Demon Core and the Strange Death of Louis Slotin" : an article on the Demon Core. You can bypass the paywall using 12ft.
• "GeoCities: Paradise Lost" by Gabriel Drozdov : an article on the death of Geocities. The layout of the article adds to the experience.
• "The Grim Crime-Scene Dollhouses Made by the mother of forensics" : an article about Frances Glessner Lee and her crime scene dioramas.
• "Murder in Miniature" : another article about Frances Glessner Lee and her crime scene dioramas (LOL. can you tell I really like these).
• "How fruits spread along the Silk Road in the Middle Ages" : an article about how the Silk Road impacted what fruits and vegetables we eat today!

Miscellaneous

• "Scene Clothes Brand Masterlist + Guide to Thrifting/Shopping" by Xeviant : A guide to thrifting scene fashion by my Spacehey mutual Xeviant! :-)
• "Emo/Scene Clothing Brands Other Than Hot Topic!" (Tumblr post) : A masterlist of OG emo clothing brands. Very useful if you want to know what brands to look for when thrifting.

Making a website step by step for beginners

(I still have to write this part. Long story short the current web sucks ass, and I am extremly tired of mainstream social media platofrms.)