Useful resources

DEV support tools

Accessibility

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

Coding

• HTML Checker
• Caniuse
• Caniemail
• UTOPIA - fluid Type
• Type - why not to use VW
• Code Minifier
• Code Minifier (Kangax)
• Code Beautify & tools
• JSON tools
• VTT / Captions checker
• JSON Visualiser
• Rich Results checker
• Schema Validator
• 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)
• Free SEO Tools

Image & Video

• Avif.io image converter
• Video Smaller
• VTT / Captions checker
• Tinyify (was TinyPNG)
• PDF compressor (Adobe)
• Squoosh Avif converter
• Free images
• QR Monkey - Code generator
• GOQR Code generator
• Colorkit
• Universal Design Playbook

Performance

• Google PageSpeed Insights
• WebPageTest

Misc URLS

• All Clarks Websites
• All Clarks Preview Websites
• All HUBs including Sale

Ai & Text generators

• Gemini AI (Google)
• ChatGPT (OpenAI)
• Copilot (Microsoft)
• Lorem ipsum generator