The design and typography geek in me just LOVES this!
https://github.com/tonsky/FiraCode
Some good stuff on accessibility here, but what I’m most excited about is
1 |
:target |
Freaking :target! How has this slipped by me? This changes so much for making Javascript-free UI widgets…
https://inclusive-components.design/tabbed-interfaces/
More on : target
https://developer.mozilla.org/en-US/docs/Web/CSS/:target
There’s a whole bunch more that can be done with this technique.
Using the pseudo element innards instead of the border would allow for gradient borders, or images (Images? Why not? Perhaps curlicues for baroque fanciness! SVG of course…)
See the Pen Animated text decoration in pure CSS by David Benson (@disasterman) on CodePen.0
I must admit to having been inspired by the following CodePen, which is rather clever…
https://codepen.io/heyvian/pen/NapWzB