Useful resources

DEV support tools

Accessibility

• Understanding Accessibility
• Neurodiversity Design System
• accessible-colors.com
• A11y image Checker
• Accessible color palletes
• Accessibility Handbook
• Accessible Web Animation

Coding

• Code Minifier
• Code Minifier (Kangax)
• JSON tools
• JSON Visualiser
• JSON Visualiser
• Gradient Generater CSS
• Has Selector CSS
• Is/Where/Has Selectors CSS
• Cheat Sheets
• Fancy Symbols & Emojies
• Handlebars
• Handlebars DUDA Docs
• Edge Dev tools Docs

Coding - Animation

• Transitions API (Smashing Mag)
• CSS Loaders Library

Technical SEO

• Javascript SEO (GSC)
• Site Audit tool (Semrush)
• Tech SEO (Semrush)

Image & Video

• Video Smaller
• Avif.io image converter
• Squoosh Avif converter
• Free images
• Universal Design Playbook

Performance

• Google PageSpeed Insights
• WebPageTest

Misc URLS

• All Clarks Websites

Ai

• Gemini AI (Google)
• ChatGPT (OpenAI)
• Copilot (Microsoft)