đWeb Dev Links
I hosted a panel at Citrus Con 2025!! These are all the links that were referrenced during the panel and in the extra credit chat after!
Accessibility
Section titled â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
Section titled â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
Section titled â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
Section titled â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
âContentâ Writing (or what to populate your site with)
Section titled ââContentâ Writing (or what to populate your site with)âGraphics
Section titled â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
Section titled âComment BoxesâArt Galleries
Section titled âArt Galleriesâ- KMClaudeâs Gallery Template
- NanoGallery2
- Melonâs Gallery Maker
- A Super Simple Portfolio Template
- Magnific Popup(Lightbox)
- Tobii(Lightbox)
Webrings and Fanlistings
Section titled âWebrings and FanlistingsâGraphic Editors
Section titled âGraphic EditorsâOther Resources
Section titled â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
â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!