Web Development Resources
A curated collection of tools and guides for web development. Most of these resources come from sadgrl.online's DIY Web Development Directory.
HTML & CSS
- HTML Cheatsheet — A handy reference sheet when using HTML
- CodePen — A live editor that shows you HTML/CSS changes in real time
- Flexbox Froggy — A game that helps reinforce Flexbox concepts
- Grid Garden — A game that helps reinforce CSS Grid concepts
- sadgrl's guides — A collection of HTML/CSS and other guides
Graphics & Design
- EZ Gif — Create and edit gifs
- Gifcities — A searchable collection of old gifs from Geocities
- FlamingText — Generate word art
- PhotoMosh — Add glitchy and retro effects to photos
- SubtlePatterns — Free background patterns
- WebsiteOut — Free counter for your site
Accessibility
- a11y's Color Contrast Tool — Scans your website for poor color contrast
- WAVE Web Accessibility Tool — Scans and gives suggestions for accessibility
- W3's Accessibility Evaluation Tools — A huge list of accessibility tools
Optimization & Validation
- W3C Markup Validation Service — Validates HTML standards
- W3C CSS Validation Service — Validates CSS standards
- GTmetrix — Scans your website's performance
- Dead Link Checker — Finds broken links on your site
Coding Learning Resources
- Eloquent JavaScript — Free online textbook for learning JavaScript
- The Odin Project — Free full-stack front-end development course
- PHP The Right Way — Free reference text on PHP coding standards
- WarriorJS — Gamified way to learn JavaScript
Hosting & Domains
- PorkBun — Cheap domains with free privacy and email forwarding
- Leprd.Space — Free webserver with PHP & SQL for hobbyists
- RackNerd — Affordable VPS hosting