Font Size Idea: #px at the Root, #rem for Components, #em for Text Elements | #CSS-Tricks
▻http://css-tricks.com/rems-ems
Tags : em #font-size CSS rem px
Font Size Idea: #px at the Root, #rem for Components, #em for Text Elements | #CSS-Tricks
▻http://css-tricks.com/rems-ems
Tags : em #font-size CSS rem px
(Better) #Tabs with Round Out Borders | #CSS-Tricks
►http://css-tricks.com/better-tabs-with-round-out-borders
A good-looking tab control usually has one feature that I’ve always found impossible to reproduce without images: borders that bend to the outside at the bottom of each tab. In this article I would like to show how you can use the CSS :before and :after pseudo elements to create this effect without using images.
Intéressant. Mais faudrait vérifier que ça se dégrade bien sous MSIE, parce que cette remarque n’est pas rassurante :
Since IE8 and IE9 do support :before and :after but not border-radius you’ll have to create a separate stylesheet for them if you want to give their users a nice visual experience.
Testé à l’instant :
– Avec IE7 on ne voit que Lorem
– Avec IE8 on a des onglets classiques sans arrondis mais propres
Avec IE6, c’est comme dans IE7, pas glorieux...