If you're like me and spend a lot of time writing CSS, here is a tip that can save some characters. When we want to use the sans-serif fonts, we usually declare it like this : .something { font-family: Helvetica, Arial, sans-serif; } This complete font-family tells to work with Helvetica first,…
Read moreI’m not going to enter the debate about wether it’s good or not to use a CSS Reset, but I have to admit it’s often useful. If you’re like me and mostly use Eric Meyer’s one, you know he recently updated his code to version 2. This version brings –obviously– some improvements to…
Read moreThis code will animate the .bouncing element. It is done by only using CSS3 properties, i.e. without any JavaScript of course. @-webkit-keyframes bounce { from { -webkit-transform: translate(0,0) } to { -webkit-transform: translate(-10px,0) } } .bouncing { -webkit-animation: bounce .5s ease…
Read moreThis is just a quick note about the latest Safari update, version 5. As you may have noticed, Safari 5 now supports the plain border-radius CSS3 property. With Safari 4 and below, you were able to make rounded corner only with the -webkit- prefix. That's good news ! Demo (Safari 5 needed) With…
Read moreThis post is a follow up on a small debate on Twitter, about validating CSS3. You know about CSS3 and you (would) like to use it everyday. You think it's good to make sure your website respects the Web Standards ? I do agree. But I'm sure you noticed that you can't completely validate CSS3 sheets.…
Read more