Resources
Welcome to the resources page!
Here are various web pages that may be of use to you! Make sure to click on the section name to reveal the links!
art
references
- line-of-action - offers a variety of photos to use as reference with an emphasis on gesture drawing. Has a built in system to replicate gesture drawing exercises done in art classes. Also has photo references for animals, scenery, body parts, expressions, etc.
- adorkastock - variety of stock photos done by AdorkaStock (formerly known as SenshiStock)
- posemaniacs - a huge gallery of poses using 3D models of both feminine and masculine muscle models. It's super useful if you need help understanding where the muscle placements are. The tagging system is a little finnicky (there are a few poses that I think should be tagged differently) but otherwise useful.
- animal photo art reference - need a photo reference of an animal's head at a specific angle? This website may help you! There's a 3D model of an animal head and the program will find similar photos of your choosen animal with that specific angle
- reference angle - similar to the previous link but for humans. Admittedly, this one is a bit more finnicky though
- height comparison - need help checking the size of your characters to others and/or their surroundings? this website will help you! Objects can be toggled between metric and imperial
- body visualizer - A toggleable 3D model used to get a general sense of how the body can be visualized at various weights
- character weight - unsure of the general weight of a character? You can plug their artwork in here and it'll give you an estimated weight
- screenmusings - a database of movie screencaps. Can be perfect for needing photo references!
- manga materials - Manga Materials post their art study notes regarding anatomy in a stylized manga art style. They're also available on Pixiv, Instagram, Twitter, YouTube and you can get full access to their notes on their Patreon. Even without a Patreon subscription, their notes are super informative and helpful
- SakugaBooru - Compiles a bunch of well done animation (primarily from anime) into different categories and even by the animators
- Settei Dreams - Interested in seeing materials for anime production? SetteiDreams compiles various production materials for many shows
- The Creator's Guide to Comic Devices - A website defining the basic foundations of comics! It also covers the technicalities of it!
- Anatomy 4 Sculptor's 3D Reference Tool - A 3D preference tool for muscle placement by Anatomy4Sculptors! A majority of the models are blocked behind a paywall but the ones available are still helpful.
assets
- brushes by vegalia - a variety of brushes by the artist Vegalia! They're more wellknown for their natural hair brushes (with different packs accommodating for different art styles!) but they offer a variety of other brushes as well. Their brushes are compatible with Procreate, Clip Studio Paint and Photoshop.
programs
- krita (free)
- medibang (free)
- Ezgif (free) - not a program but a website where you can do a lot of different things, like converting image files, create gifs, lower image resolutions, splitting gifs into their individual frames, etc.
- clipnote studio - Miss Flipnote Studio? Now you can download it! This is meant to be a spiritual successor to Flipnote Studio! Mac and Linux versions are currently in the works!
writing
tools
- fighter's block - A motivational web browser tool stylized as a turn-based RPG.
- hemingway app (free with some features behind a paywall) - a tool that can help determine the reading level of your work along with detecting various sentences that need tweaking
- obsidian (free with some features behind a paywall) - A notetaking app with a wikipedia-like back-linking system. If you download Obsidian, I highly recommend looking deeper into tutorials and the official manual to use this to its full potential.
- wavemaker ver. 4 (free) - A tool you can use to help organize and plan your story. You can create little wikipedia-esque pages for characters, create timelines, write out documents, lore notes, etc. in this program. You can either use this in web browser or download it on your desktop. It includes a way to "sync" the files across a single account but it is a little finnicky as you really need to make sure its properly synced to the account.
- written? kitten! - A website that'll reward you with a photo of a kitten every 100 words! You can also toggle this to a specific set of words and to either give you a photo of a cat, dog or rabbit!
programs
- libreoffice (free) - a free, open source program with a similar functionality to Office365 and Google Drive
video game creation
software
- RPGMaker Official Website (one time purchase) - A program used typically used to code RPGs. If you're familiar with games like Yume Nikki, OFF, IB, The Witch's House, they're all created using RPGMaker. There's many different versions and they often go on sale for cheap! They come with built in assets for you so you don't have to worry about asset creations if you choose. There are many different versions of the software so pick one according to your needs.
- Ren'py (Free) - An open source and free Visual Novel creating software
- RenJS (free) - A visual novel creating software that's light on the coding part.
- Paper RPG Maker (free) - A free 2.5D software. Be aware that there's a commercial and personal license
- Godot Engine (free) - An upcoming game software that's said to be the Blender of video games
- bosca ceoil (free) - a tool to create music!
- bitsy (free) - A free game engine to make small games
indie web
domains
- bearblog - A blogging platform with a super simple layout. There is a paid subscription service to allow for more features (ex. multiple blogs) but is otherwise free.
- FC2 - A Japanese blogging host but the website is translated into several languages (including English). The user dashboard can be confusing but you'll eventually understand how things work and where everything is. There is a section where you can look around for both officially made and user made layouts.
- itch.io - Not a blogging/webhosting service but you can find many indie games, comics, software and assets here. There are several times within the year where itch.io and communities will make bundles to support various causes and host things like "game jams" to encourage creating games during a set period of time. You don't have to be a creator of any kind to use a site, as there is an option in your account to toggle it.
- NekoWeb - A domain site similar to NeoCities!
tools
- W3's Validator - A little website that helps check if your website (or any other HTML document) was properly marked up. Currently developed by the W3C
- tiny helpers - A collection of free tools for web development.
accessibility
- Auto-playing Media and Multimedia - An article by the University of Connecticut bringing awareness on how autoplaying music on websites disrupts screenreaders and how websites can work around this to be more accessible.
templates
- sadgrl's layout builder - a website builder by Sadgrl! This website used this layout builder as a reference point
- how to make your own website by jake chirak - a step by step tutorial on creating your own website! It's primarily for art focused websites
- layout builder.herokuapp - a layout builder
- templaterr - a compilation of some templates and navigation tool
- webmasterring - compilation of websites with free templates to use
- rarebit webcomic template - a webcomic template with a similar format to webcomics hosted by hiveworks
- john doe template - a simple template all done with a single html sheet
- oc hub template - a classic wiki style template for ocs
assets
- button collection - ( Note: There is no way to stop all of the gifs from playing. Some of these gifs also include flashing imagery.) an archive of a bunch of HTML web buttons.
- capstasher - ( Note: This website contains some gifs with rapidly flashing imagery. There is no built-in way to stop the gifs from playing.) Similar to the previous link, being an archive for a lot of 88x51 web buttons. This one also includes modern and user-made buttons.
- assets by futurefishy - a bunch of web stamps, buttons and blinkies by futurefishy
- fluff moth's id buttons - find or create your own custom identity buttons with this little creator
- web badges world - ( Note: There is no way to stop all of the gifs from playing. Some of these gifs also include flashing imagery.) an archive of 80x15 web buttons.
- gifypet - a little friend for your website!
- DollzRevival - Make your own little digital doll using this website. The dressup mechanic is click and drop. There's also a section of the website where you can make your own little digital quilt and exchange a quilt patch with the site's webmaster.
- Tamanotchi - A little digital (not) Tamagotchi you can add to your website. You can interact with it by feeding it via clicks, owning multiple, (not) Tamagotchis, etc, putting them up for adoptions, etc.. There's also a ranking system among users.
- status cafe - share your status with others! Uses emojis to visually depict feelings. They also have a few codes on their website you can use to directly link your status to your website.
- imood - similar to status cafe but a bit simpler as descriptions of these statuses aren't shown up front, instead going for the emotions themselves. Uses pixel emoticons to visually depict feelings. They have codes to directly link your status to your website or you can even show how the imood userbase is doing on your website.
- moon connection - Show the current moon phase with this module! Has a vertical and horizontal variation.
- feedroll RSS viewer - Need a way to show your RSS feed? This customizable generator here will help you do just that, giving you the HTML and JavaScript (and they include an option in case viewers don't want to/unable to use JavaScript)
- f2u pride pixels - a gallery of free to use user-made pride graphics. The owner of the gallery has also released a template in case they don't have the flag you want/need.
code
- netfriend - snippets of code that may be of use to you!
- bechnokid's resources - some bits of code and coding tutorials
- mozilla developer - a comprehensive guide on coding by the developers of the FireFox browser. It covers the basics like HTML, CSS and JavaScript. They also have this excellent guide on HTML tags (and which ones are still in use now) and what they do.
- w3schools - Similar to mozilla developer, w3schools offers a comprehensive guide on coding. From what I can see, a lot of people (including myself) has used w3schools as a reference when learning HTML/CSS/JS.
- dynamic drive - a website with a bunch of HTML and Javascript codes that can be used for your site
- JavaScript Kit - A website dedicated to providing more information and scripts for JavaScript
- "Password Protected" pages with JavaScript - A tutorial and rundown on password protecting certain pages with JavaScript specifically for Neocities. There are limitations to this where the original poster goes into detail with so be sure to read through that section!
- polkadot generator - want to add polkadots to your websites background without using images? This page will generate a CSS code for you based on your needs. (this website uses it!)
- notabug's microblog python code - A code where you can create a microblog for your website! This can be hosted on static websites!
webrings
- Wikion
- Brisray's Webring List
- CDWorld - A clique based on creating and sharing pixel art of CDs and playlists. CDs can be based on real life albums, fictional bands, or even your own playlists.
LGBTQ+
archives
- digital transgender archive - a huge archival database on everything trans related. It includes old news paper clippings, photos, articles, and more!
- queer zine archive - an archive compiling and preserving a bunch of zines themed around queerness.
gender
- pronoun dressing room - Want to try out using different pronouns but aren't sure where to start? Try this little tool here! You can type in a name, the pronouns you want to use (or you can choose from the "pronoun closet" beneath it), and watch the website generate a few sentences to help you get a feel of the pronouns. Even if you personally don't want to try on pronouns, this can be a very useful tool to practice using someone else's pronouns and neopronouns.
health
physical health
- Mind the Gap: A handbook of clinical signs in Black and Brown skin - A book compiling photos of symptoms manifesting on darker skin. The link given is free (with a download) and shared by its authors.
mental health
- goblin tools - A website with various tools such as breaking down tasks, task time-estimator, etc.
- feelings wheel - A graphic that of the "emotions/feelings wheel" tool, which is used to better help identify the emotions you're feeling. You identify the emotion on the outer ring that you feel closest to and then work your way to the center to the "base" emotion.
- Act matrix - A tool and visual aid to understand behaviors on that may move you towards/away from your goals. ( Note: Don't think of it in a black-and-white "good" or "bad" way. Sometimes there are situations where you need to step away.)
- you feel like shit - an interactable website that helps you ground yourself.
sexual health
- sex ed for bi guys - a website focusing on sexual education for bisexual men by a sex educator. There are also articles discussing
- HIV PrEP information (US based) - information on the PrEP medication, which is used to help prevent HIV through sex or injections. You can get it in the form of oral medication or shots. According to the website, PrEP should be free under most healthcare insurance.
- communication tools by thevelvetbox - a wide variety of worksheets for you and your partner(s) to do regarding sexual needs and boundaries