Stunning CSS3
A Project-based Guide to the Latest in CSS
Learn when and how to add CSS3 to your web site designs, by working through a series of practical yet eye-catching examples. All the well-supported, useful, and popular pieces of CSS3 are covered, along with workarounds for older browsers.
It is sincerely one of the most practical, informative and lovely CSS3 books out there.
–Stephanie Sullivan Rewis, author of Mastering CSS with Dreamweaver CS4, via .net Magazine's "The top 25 books for web designers and developers"
more reviewsWhat you get
learn moreOver 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
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.