For sometime user interaction with websites was limited to Flash. Flash was the standard in objects moving, users clicking buttons, forms filling automatically, sprites/icons moving across the page etc. Now, we have CSS3 and jQuery, which are taking over when it comes to user interactivity. Both combined have the ability to do everything Flash can do but more efficiently.
There are still some slight limitations to jQuery as well as Flash. If a user has them turned off in their browser or not installed, then the animations/interactions won’t work. This is where CSS3 comes in. All websites have some type of CSS controlling them, whether it’s changing the colors, changing the font size, positioning elements, positioning buttons, or the customization of forms. Where tables once ruled CSS has now taken over to limit the code one views and to have one centralized area that controls the entire framework of a website.
CSS3 is considered the new guy on the block for some and the new web standard for others. It is revolutionizing what the web can do. It can do everything jQuery can do but it keeps it in one style sheet. There is no need to load multiple files in a header, just one. CSS3 now allows us to re-create what designers do with images but now only with code. Want that cool gradient that only Photoshop could create? What about rounded corners? How about shadows behind text or boxes or images? How about layered text? It can even do media queries allowing you to create responsive websites! The list of cool things CSS3 can do is huge and these few listed here only begin to scratch the surface.
As a web programmer you always have to be on top of your game and always be willing to learn the “new” way to do things. Even though Internet Explorer is taking its time to catch up to the CSS3 standards, it’s still a good idea to start using some CSS3 in your new websites. I know I am!
Some examples of just CSS animations (Keep in mind that some of these only work on WebKit broswers such as; Google Chrome, Safari, and Firefox).
Text Shadow Spotlight
Pure CSS at-at Walker
There are also some really cool frameworks that you can download FREE and use in your personal or commercial projects. As mentioned in the link CSS frameworks are there to help make things easier and using a framework is always a good idea if it achieves a desired goal.