Stunning CSS3: A PROJECT-BASED GUIDE TO THE LATEST IN CSS

http://stunningcss3.com/

Over 300 pages

 on dozens of new CSS3 features. Highlights include:

• Handy sidebars on each CSS3 feature covered, outlining syntax, ideas for use, and related resources
 
• Step-by-step instructions on how to create gorgeous graphic effects, unique typography, and even animation
 
• Browser support for each CSS3 feature covered, complete with when you do and don’t need to use browser prefixes
 
• Easy ways to create layouts optimized for mobile devices, like iPhone, Android, and iPad

Table of contents

• The CSS3 Lowdown

   
  • LINKS

  Learn how CSS3 is different from CSS 2.1, get an overview on current browser support, find out how to work around older browsers, and learn CSS3 best practices for making it robust and future-proof. You'll also learn about the practical benefits of using CSS3, including a number of reasons you can use to convince skeptical clients or bosses.

  
  

• Speech Bubbles

   
  • LINKS
  • ERRATA

  Learn how to create the appearance of speech bubbles without using any images, just word-wrap, border-radius, HSLA/RGBA, linear-gradient, box-shadow, text-shadow, and transform.

  
  

• Notebook Paper

   
  • LINKS
  • ERRATA

  Learn how to create the appearance of a piece of notebook paper using background-size, multiple background images,border-image, background-clip, and @font-face.

  
  

• Styling Images and Links by Type

   
  • LINKS

  Learn how to add icons to links based on their type, as well as style photos differently from other types of images, using some new CSS3 attribute selectors.

  
  

• Improving Efficiency Using Pseudo-classes

   
  • LINKS

  Learn how to alternate styles on a series of elements, as well as create a table of contents that highlights the current section of the 

  document, using some new CSS3 pseudo-classes, transitions, and animation.

  
  

• Different Screen Size, Different Design

   
  • LINKS

  Learn how to restyle an entire page layout to work with different screen sizes and mobile devices using media queries and multi-columns.

  
  

• Flexing Your Layout Muscles

   
  • LINKS

  Learn how to create multi-column layouts for the entire page, as well as widgets on the page, using the flexible box layout model and box-sizing. You'll also get a preview of the upcoming template layout and grid positioning modules.