Introduction
This post includes a list of useful resources that I've come across over the years.
Education
Podcasts
Images
- Do This to Improve Image Loading on Your Website
- Useful Tooling
- Alt Text: What Is It & Why It Matters for Accessibility & SEO
- Image Alt Text vs. Title Text vs. File Names: What’s the Difference?
Accessibility
- 10 Usability Heuristics for User Interface Design
- Accessibility and SEO
- Accessible heading structure
- Using heading tags appropriately
- Justice Department Issues Web Accessibility Guidance Under the Americans with Disabilities Act
Design
- Should you use a carousel?
- Fluid Type Scale Calculator
- Tailwind CSS Color Generator
- Remove background from image
SEO
- How to Write the Perfect Page Title With SEO in Mind
- Google: Click Depth Matters More for SEO than URL Structure
- The Anatomy of a Perfect Blog Post
- What Is a Meta Description? (+ How to Write One & Best Practices)
- What Is a Title Tag & How to Optimize Your Title Tags for SEO
- Duplicate Title Tags: How to Find & Fix Them in 2024
- UTM Link Builder
- Laser Fast SERP Tracking
- Meta Tags Toolkit
Browser extensions
VS Code
- Quick Search Text
- Sidebar on the right is a game changer
- Keyboard mapping Emmet inward and outward html/jsx selection
Command Line
CSS
- Nice, simple conic gradients
- CSS Gradient Creator
- Box Shadow Creator
- CSS clip-path maker
- Nice collection of CSS animations for your awesome web projects
- Tailwind CSS
Tailwind Component Libraries
Developer Tools
Was this post helpful?