Hey guys. This week I thought it would be interesting to go through some of the core features being introduced in CSS3 that would be of interest to web designers in under 5 minutes.
What better way to learn these than through a live example?.In today’s screencast I teach you how to take a plain CSS2 button and turn it into a crisp CSS3 button that’s just as good as it’s professionally designed Photoshop counterpart. There are no images used at all – just regular CSS3. To watch, just click here or the image above to go to the dedicated micro-site for this screencast.
For those interested in exploring the topic further, I’ve also recorded a second bonus screencast that teaches you about CSS3 transforms. In this one, I cover features like rotation, skewing, scaling and more. Both screencasts are on the same page and you’re able to stream or download them to your iPad or iPhone too. I hope they come in useful!.
I'm on the Chrome team at Google, working on tools to help improve developer productivity and satisfaction.
thanks for information
nice post
Thank you!
Pingback: CSS3 in cinque minuti! | ItaliaON
What was the editor you were using during those screen casts?
Pingback: For you web designers and developers out there…
Great Blog….!! i have a question does old versions of Popular browsers are compatible with CSS3 ?
Most popular (current) browsers support CSS3 but older ones generally don\’t. You can however use tools such as CSS3Pie to solve this in the case of internet explorer.
CSS3Pie will make IE slower than molasses. Avoid this at all cost and learn how to make your stylesheets degrade gracefully instead.
I think it really depends on the use case, Greg. I have seen CSS3Pie behaving in a stable manner on older versions of IE without any sluggishness, but if your page utilizes a large quantity of CSS3 declarations, this may be something that causes it to act up for obvious reasons. Here I would agree with you and say that opting for degradation would be the wiser option. Best judgment should always be used when making the call.
Great thanks to both!
You\’re welcome! im glad you enjoyed it.
what is the url that you say in the screencast to check gradients?? I can't understand the url sorry my english is not good sometimes jojo
thanks
Hey Jose,
Here are some of the URLs you can use for this:
http://gradients.glrzad.com/ http://css3generator.com/
Hope those help!
Addy
Thank for sharing the information related CSS3 In Under 5 Minutes – A Very Useful Screencast and good resource of css3 and other. and most newer browesers support it that's good but older version browser is not supported and Give me the suggestion about http://hexainfosoft.in
thanks for sharing
good post
okay, I can see what is what at 0.23.
First one input type button and the second one is img
Great tutorial, no more facebook videos will look into this column for more.
btw, why did you have </ img > tag not the /> ??.
I love the highlight of comments once submit.
nice post thanks;)
Nice post, thanks for your work.