cSS3 for Advanced Design Paul Trani, Adobe Evangelist
Paul Trani @email@example.com
15 years design experience
4 year old at heart
The power of the web has arrived for mobile phones and tablets. CSS3 gives web sites a dynamic, interactive capability and greater useability. CSS3 adds fine grained controls for designers looking to bring the web closer to reality.
Examples www.awwwards.com Letter Heads Cursor Monster Fish Burst Game
Benefits of CSS3
Increased page performance Smaller file sizes Fewer HTTP requests “Reducing the number of HTTP requests…is the most important guideline for improving performance for first time visitors.” Yahoo! Exceptional Performance Team
Better search engine placement Google uses speed as ranking factor Real text instead of image or Flash text
Increased usability Real text Optimized styles based on device capabilities
Progressive Enhancement Deliver the best possible experience to the widest possible audience. Should be as fully featured and functional as possible.
Use the parts of CSS3 that: have generally stable syntax have good support don't harm non-supporting browsers by their lack. http://caniuse.com “Subtle CSS3 effects should be employed as a reward for users who run a modern browser.”- Front-End Development Guidelines, Yahoo
RGBa & HSLa Gradients Rounded Corners Box Shadow Multiple Backgrounds @font-face Media Queries Visual Effects and Animation