Designing Beautiful Focus States
Learn how to design beautiful and accessible link focus states in this tutorial by Ethan Marcotte, an independent web designer, writer, and speaker who started that whole “responsive design” thing.
**********************************
RESOURCES
Project files on CodePen
Starting Project
https://codepen.io/gymnasium/pen/ExVXrE
Completed Project
https://codepen.io/gymnasium/pen/PoPjVyo
Related Content
WebAIM: Keyboard Accessibility
https://webaim.org/techniques/keyboard/
I Threw Away my Mouse by Manuel Matuzovic
https://www.24a11y.com/2018/i-threw-a...
I Used The Web For A Day With Just A Keyboard by Chris Ashton
https://www.smashingmagazine.com/2018...
MDN: The filter CSS property
https://developer.mozilla.org/en-US/d...
MDN: The transition CSS property
https://developer.mozilla.org/en-US/d...
MDN: The transform CSS property
https://developer.mozilla.org/en-US/d...
***********************************
Twitter: / aquentgymnasium
Instagram: / aquent_gymnasium
LinkedIn: / gymnasium
Medium: / gymnasium
GitHub: https://github.com/gymnasium
Facebook: / aquentgymnasium
*********************************
