Accessibility
- ARIA Authoring Practices Guide - https://www.w3.org/WAI/ARIA/apg/patterns/
- How to Meet WCAG 2.1 (Quick Reference) - https://www.w3.org/WAI/WCAG21/quickref/?versions=2.1
- Learn Accessibility - https://web.dev/learn/accessibility/
- Setting up a screen reader testing environment on your computer - https://www.sarasoueidan.com/blog/testing-environment-setup/
- WCAG - https://www.w3.org/TR/WCAG21/
- WebAIM - https://webaim.org
Asset Templates
- SocialSizes - https://socialsizes.io
Checkers
- CSS Specificity Graph - https://jonassebastianohlsson.com/specificity-graph/
- CSS Stats - https://cssstats.com
- Colorblind Web Page Filter - https://www.toptal.com/designers/colorfilter
- Contrast Checker - https://contrast-ratio.com
- HTML Checker - https://validator.w3.org/nu/ (note options to test Outline and Images)
- Link Checker - https://validator.w3.org/checklinklink
- Meta Tag Checker - https://www.heymeta.com
- Text on Image - http://www.brandwood.com/a11y/
- tota11y - https://khan.github.io/tota11y/
- What does my site cost? - https://whatdoesmysitecost.com
Easing
- Easing Functions: https://easings.net/en
Fonts
- A Variable Fonts Primer - https://variablefonts.io
- Font Playground - https://play.typedetail.com
- Font Style Matcher - https://meowni.ca/font-style-matcher/
- Variable Fonts - https://v-fonts.com
Generators
- Caret - https://lugolabs.com/caret
- Colors - https://coolors.co/app
- CSS animation - https://keyframes.app/
- CSS clip-path - https://bennettfeely.com/clippy/
- CSS duotone - https://cssduotone.com
- CSS easing - - https://matthewlein.com/tools/ceaser
- CSS filters - https://css-playground.com/view/39/css_filter_playground
- CSS filter generator to convert from black to target hex color - https://codepen.io/sosuke/details/Pjoqqp/
- Golden Ratio Calculator - https://grtcalculator.com
- Random Data Generator and API Mocking Tool - https://mockaroo.com
- Remove Image Background - https://www.remove.bg
- SRI Hash Generator - https://www.srihash.org
- Quantity Query Builder - https://quantityqueries.com
JAMstack
- https://jamstack.org
- The Power of Serverless - https://serverless.css-tricks.com
Performance
- Budget Calculator - https://www.performancebudget.io
- GTmetrix - https://gtmetrix.com
- Load Time Tester - https://performance.sucuri.net/ (test across the globe)
- PageSpeed Compare - https://pagespeed.compare
- PageSpeed Insights - https://developers.google.com/speed/pagespeed/insights/
- Pingdom - https://tools.pingdom.com
- Progressive Tooling* - https://progressivetooling.com
- TestMySite - https://testmysite.io
- Webhint - https://webhint.io/#scanner-input
- WebPageTest - https://www.webpagetest.org
- Yellow Lab Tools - https://yellowlab.tools
SEO
- SEO Audit - https://www.seoptimer.com
Software
- Overflow - https://overflow.io
- PixelSnap - https://getpixelsnap.com
SVG
- Compress - https://vecta.io/nano
- Editor - http://petercollingridge.appspot.com/svg-editor
Web Components
- HTML with Superpowers - https://htmlwithsuperpowers.netlify.app