Over 300 pages
-9.gif "Sidebar: The lowdown on the :nth-child() pseudo-class")
Handy sidebars on each CSS3 feature covered, outlining syntax, ideas for use, and related resources-51.gif "The final speech bubbles effect in several browsers")
Step-by-step instructions on how to create gorgeous graphic effects, unique typography, and even animation-38.gif "Sidebar and browser support for box-shadow property")
Browser support for each CSS3 feature covered, complete with when you do and don’t need to use browser prefixes-33.gif "A page layout in iPhone using media queries")
Easy ways to create layouts optimized for mobile devices, like iPhone, Android, and iPad
-9.png "Sidebar: The lowdown on the :nth-child() pseudo-class")
-51.png "The final speech bubbles effect in several browsers")
-38.png "Sidebar and browser support for box-shadow property")
-33.png "A page layout in iPhone using media queries")
Table of contents
The CSS3 Lowdown
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
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, andtransform.Notebook Paper
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
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
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
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
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.
No comments:
Post a Comment