Advanced CSS we CAN use today
There have been several articles recently that describe advanced CSS methods, usually part of the CSS3 specification (CSS3 Info), and how these push the boundaries of what we can do with CSS. There are some great examples including:
- What You Need To Know About Behavioral CSS
- CSS Animations
- Going Nuts with CSS Transitions
- Cleaner Code with CSS3 Selectors
Many of these new CSS properties and methods work in some browsers but not others and this can often give rise to comments like “I’m not using this until it is supported by a wider range of browsers” or “we cannot use this until we drop support for IE6”. I’ve thought about this recently because I know these are arguments that I have sometimes advocated myself (!). However, I am now coming round to a different opinion which leads me to believe that we can use these advanced CSS properties today. Why do I say this?
Well, what’s the worse that can happen if we use these properties? Some web users will not be able to see them. You may feel that your work is wasted if the majority of users cannot see some CSS3 properties or methods. However, as long as the usability of your website is not compromised by the use of CSS3 properties, I would say that this is not so bad. If the CSS3 methods provide the cake decoration, the cake is still eatable, right?!
There are also advantages to using these methods now. As a web designer or front-end developer you will learn some new stuff by using these methods/properties. This will put you ahead of the game when the newer methods are more widely supported.
Plus, you will have tried some really cool stuff! What’s not to like?! I hope to do more with some of the newer CSS3 methods myself during the next few months.
Thanks to Smashing Magazine for the Free Christmas Stock Photo
Shopify makes it easy to open an online store by providing all the tools and help you need. Click here to try it for free!
Sync files between computers. Share files with your clients, friends, and family using DropBox. It's great!