David Gilbertson:
Removing the focus outline is like removing the wheelchair ramp from a school because it doesn't fit in with the aesthetic.
So David shows how you can remove it unless you detect that the user is tabbing, then show it. Essentially you add "user-is-tabbing" class to the body when you detect the tabbing, and use that class to remove the focus styles if it's not there (plus handle the edge cases).
Direct Link to Article — Permalink
Removing that ugly :focus ring (and keeping...

Other articles

You're reading So, you’re a designer. Are You Ready For The Fourth Industrial Revolution?, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!
It...

You're reading Design Tips for Mobile Checkout Screens, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!
Designing your site for a better conversion...

You're reading 14 Bad Ad Policies That Will Get You Blacklisted in Chrome, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!
Google’s web browser,...