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
*********************************
Watch video Designing Beautiful Focus States online without registration, duration hours minute second in high quality. This video was added by user Aquent Gymnasium 25 June 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,887 once and liked it 38 people.