Web Design, Code, Hosting, and Development Resources

Fonts

• pixel fonts recommended by strawberry-gashes
• Fontspace
• dafont
• Creative Fabrica
• font download
• Dyslexie Font
• Befonts
• brick.im
• Calligrapher (transform your handwriting into a font)
• System Font Stack
• Font Spring
• Caveras
• Velvetyne
• Tunera
• Uncut
• Future Fonts
• Fonts in Use
• Collletttivo
• A list of recmomended fonts on Tumblr by anya-chalotra
• pairing typefaces by crispsevans
• Wordmark (preview fonts on your computer)
• 1001freefont
• Abstract Fonts
• Free font on Behance.net
• Fonts Arena
• Font Squirrel
• Yrsa & Rasa

Social Media/Fun Symbol Text

• 7 stroke (font)
• flaticon
• Ascii Art
• mutant.tech (experimental emojis)

Content Websites

• omfg @ neocities
• sadgrl @ goblin-heart
• repth @ neocities
• cyber-rot @ neocities
• tutorials and resources at sleety.org
• celestial-star.net
• inobscuro.com
• petrapixel
• koyou-design
• fabled.day (tutorials!!)
• hakanai.net
• syntheticfruits
• foollovers
• Key's Klubhouse
• eggramen's CSS
• ribo.zone's free content
• Websets By Lynn
• cepheus at neocities
• graphics at epicfranb
• Sakura Dreams
• asterism-m
• plasticdino

Responsiveness

• Am I Responsive
• Kalechips' resources

Colors

• Color Palette Generator (from image)
• Coolors
• Design-seeds
• Color Supplyyy
• Coolors
• Accessible Palette
• Realtime Colors
• Super Color Palette
• Image Color Picker

Specific Code Snippets

• Cursor Effects
• Color Blender (make a gradient bg with css)
• Parallax Scrolling
• CSSMatic: Tools for a Gradient Generator, Border Radius, Noise Texture, Box Shadow
• CSS Duo Tone Generator
• CSS Arrow Generator
• CSS Patterns
• Hint Tooltip Library
• Retro CSS Frameworks
• Pure CSS Code Snippets
• CSS Grid Generator
• Animxition: CSS Animated Page Transitions
• Three Line Menu Navicon
• elfsight widgets
• CSS clip path maker
• The Vanilla Javascript Repository
• Transparent Textures (CSS)
• Fancy-Border-Radius
• Hover.css
• RV's free Javascript/DHTML effects
• CSS Generator on Webcode Tools
• HTML Dog
• HTML Code Generators (this site also has CSS and JS resources)
• scripted.neocities.org
• loveberry.nekoweb.org
• Resources at webcatz.org
• Should I Prefix (CSS)
• Table Tag Generator
• CSS Separator Generator
• Image Map
• Snipplr
• Stripe Generator (CSS)
• Free Frontend
• prefers-color-scheme
• codes.crd.co
• jquery.bindlast

Scripts

• mylikebutton
• drawbox
• snowfall garden
• IFrame Chat
• Free RSS Widget
• Toast Button
• HTML Comment Box (guestbooks)
• Jem's PHP Mail Form

Code Tools, Tutorials, Resources, and Tips

• Font Size Conversion
• Javscript 30
• Beginner's Guide to PHP
• Sass
• Lissa Explains It All
• Design by Numbers (articles)
• Parallax Scroll Effect
• Stylesheet Tips
• Gulp for Javscript
• HTML Dog
• Marksheet.io
• nownownow
• Website Carbon
• spark joy: design tools for developers in a hurry
• How to make your first randomizer
• A Hassle-Free Way to Self-Host Google Fonts
• Flexbox Froggy
• Grid Garden
• Become a Compression Sorcerer
• Making your site look good on mobile
• Personality Quiz Code
• A Perfect Table of Contents With HTML + CSS
• so you want to make a website and you decided to look to an uninformed amateur for advice
• Guide Recommendations on 32bit.cafe
• How to Make a Damn Website
• Roll your own RSS
• A Hassle-Free Way to Self-Host Google Fonts
• Block the Bots that Feed “AI” Models by Scraping Your Website

File Management & Development

• Tinify: Compress images into PNGs
• File Garden
• Catbox (file sharing)

Software/Tools/Builders

• Pelican
• varve's layout builder
• Hugo
• Button Maker

Content Management, Blogs, & Galleries

• Melon's Gallery Maker
• Simple Gallery Maker
• てがろぐ - Fumy Otegaru Memo Logger -
• Doku Wiki
• gotosocial (activity pub server)
• Media CMS
• moebooru (danbooru fork)
• szurubooru (danbooru fork)
• Zonelets (blogging CMS)
• Neoblog Guide by Scump Small Brain
• Chronica by aurenen
• W (wiki)
• Quartz

Hosting

• Neocities
• Leprd.space♥
• Vercel
• Teacake
• Dreamhost
• Nekoweb
• DNS Kitchen
• Nearly Free Speech
• Netlify
• Web hosts listed by Kalechips

Accessibility

• The 100% Easy-2-Read Standard
• Accessibility Statement on Sanguine Royal
• WCAG 2 Standards Overview
• Accessibility by Mozilla (Learn)
• Solaria's Accessibility Tips
• Access Guide
• Accessible Net Directory
• ANDI: Accessibility Testing Tool
• Accessible Components
• Colour Contrast Tool
• The Ultimate Motherfucking Website
• The A11y Project
• Web Accessibility in 2024: Benefits and Best Practices
• WebAIM: Web Accessibility in Mind
• Accessibility: What's the difference between WCAG Levels A and AA? (Video)
• Posts about Accessibility in Free Code Camp

Other Webdev Tools

• The Ipsum Collection
• Dead Link Checker
• Website Component Checklist
• Img Src Generator
• Navigating the web platform
• 127+ Possibilities... Things You Can Do With Your Personal Site
• Dark Visitors