Let's Make a Fansite and Populate It Links
Collection of links to things mentioned in the panel version of "Let's Make a Fansite and Populate it", as well as some others that have been gathered from attendees.
Accessibility
- A11y Project - Accessibility checklist
- The Accessible Design Survival Guide
- Introduction to Web Accessibility
- Mozilla Accessibility Guide
- Accessible Net Directory - Both a webring but also goes over accessibility requirements under their “guidelines” and has their own page of web accessibility-related resources
- WebAim - A website accessibility checker. Just put in the link to your site and it’ll go through your code. It’ll even give you notes on things to fix/check (I believe FireFox has something similar built into it’s “inspect” function but not as in depth)
- Solaria - Common Accessibility Problems
- Solaria - (Text) readability
- Solaria - A web dev’s learning experience
- Contrast Finder
- Contrast Checker
Actual Coding
- Let’s Build our Website (the modern way) - A guide to using astro
- CSS Grid Layout Guide
- CSS Flexbox Layout Guide
- Learn@FujoWeb.Dev
- Deploy to Neocities
- F*ck it, Let’s Make a Website!
Templates and Code Generators
- Goblin Heart
- numbpilled themes
- Tumblr - Neocities Themes
- monoSeries
- Teppy’s Layouts
- Kalechips’ Layouts
- Do’s Templates 🇯🇵
- Bloodwrites’ Layouts
- EGGRAMEN
- Create Blog
- Windows UI Recreation (XP&98)
- The LCARS Template
- Character Wiki Template
- Layout Generator
- Almond.css
- Collection of CSS Templates
- Transparent Textures
- Simple AO3 Reversi Template
- Cohoard - funky website that will stylise things to look like discord posts! It can also be used to replicate MSPA, Twitter, 17776, Wikipedia, etc.
- Markdown Plus - Generates fun text effects like animations and colour gradients
- Astro - A framework for a website
- 11ty - A framework for a website
Other Code Samples
- Site Skin for a border around the tag
- UIVerse
- CSS-Only Tabs 1
- CSS-Only Tabs 2
- CSS-Only Tabs 3
- CSS-Only Theme Switcher 1
- CSS-Only Theme Switcher 2
- CSS-Only Theme Switcher 3
- Accessible Footnotes
- WikiTable
- CSS-only Leather Couch Background
- CSS Stripe Generator 🇯🇵
- Javascript and DHTML
Fonts
”Content” Writing (or what to populate your site with)
Section titled “”Content” Writing (or what to populate your site with)”Graphics
- Identity Buttons
- Fool Lovers Button Templates
- hellnet Archive
- Anlucas 88x31 Archive
- 88x31 Gif Collection
- Buttons
- Koinuko Buttons
- Gifcities Archive
- Glitter Graphics - Gifs
- Graphics by Shawna
- More Graphics
- Blinkies.Cafe
- 88x31 Button Maker
- Icons
- MySpace Avatars
- PicMix
- Tumblr - Web Resources | Tumblr - Web Graphics (If either link fail, replace “%20” with a space)
- KursorJS
- Windows XP Cursors
- Windows 98 Cursors
- Cursor Effects
- Neopets
- gpx.plus
- Dragon Cave
- Gify Pet
- Shroom Ink
- Subtle Patterns
- Pattern Cooler
- Texture Town
- Backgrounds Archive
- Glitter Graphics - Backgrounds
- Backgrounds
- Loading Backgrounds
- Borders
- Marriage Certificate Generator
- Classic Word Art
- Cool Text
- Glitter Graphics - Text
Comment Boxes
Art Galleries
- KMClaude’s Gallery Template
- NanoGallery2
- Melon’s Gallery Maker
- A Super Simple Portfolio Template
- Magnific Popup(Lightbox)
- Tobii(Lightbox)
Webrings and Fanlistings
- Webring List
- Fanlistings
- Anime Fanlistings
- Fandom Webrings
- Fic Ring
- Fan Archives Directory
- OnionRingJS - Making your own webring
Graphic Editors
Other Resources
- The Threadifier Macronator 9000 - Uses twitter archives to turn threads to an html format (can be adapted for other formats)
- FujoCoded - Web resources for Fujos
- All The Resources Posted at Citrus Con 2024
- Neocities Native Hit Counter
- Hit Counter
- LiveWeave - HTML, CSS, Javascript online editor
- Closing Tag Checker
- Sublime Text
- Missing CSS
- WebMention
- BlueSky Embed
- iMood
- WebAmp
- Webmaster Freebies
Tips
“In Visual Studio Code and Visual Studio Codium, you can type ”!” and press enter on .html files, and it’ll fill in the base information for a webpage!