Mastering CSS.pdf

Imprint

Published in August 2011

Smashing Media GmbH, Freiburg, Germany

Cover Design: Ricardo Gimenes

Editing: Thomas Burkert

Proofreading: Brian Goessling

Concept: Sven Lennartz, Vitaly Friedman

Founded in September 2006, Smashing Magazine delivers useful and

innovative information to Web designers and developers. Smashing

Magazine is a well-respected international online publication for

professional Web designers and developers. Our main goal is to support

the Web design community with useful and valuable articles and resources,

written and created by experienced designers and developers.

ISBN: 9783943075137

Version: August 2, 2011

Smashing eBook #9ᴹMastering CSS for Web Developers ᴹ 2

Table of Contents

Preface

Why We Should Start Using CSS3 and HTML5 Today

CSS Three — Connecting the Dots

Modern CSS Layouts: The Essential Characteristics

Modern CSS Layouts, Part 2: The Essential Techniques

How to Use CSS3 Pseudo-Classes

Taming Advanced CSS Selectors

!important CSS Declarations: How and When to Use Them

An Introduction to CSS3 Keyframe Animations

CSS Specificity and Inheritance

How to Use CSS3 Media Queries to Create a Mobile Website

Responsive Web Design: What It Is and How to Use It

The Future of CSS: Experimental CSS Properties

Technical Web Typography: Guidelines and Techniques

The Future of CSS Typography

Using CSS3: Older Browsers and Common Considerations

The Authors

Smashing eBook #9ᴹMastering CSS for Web Developers ᴹ 3

Preface

Many Web designers are reluctant to embrace the new technologies such

as CSS3 or HTML5 because of the lack of full cross-browser support for

these technologies. Many designers are complaining how this situation is

holding them back and tying their hands.

But the day of full cross-browser support is never truly going to dawn and

deliver us this wonderful new Web where our work looks the same with any

Web browser. Some users will still use older browsers and some users will

still have browsers with deactivated JavaScript or images. Sometimes it feels

that we are hiding behind the lack of cross-browser compatibility to avoid

learning new techniques that would actually dramatically improve our

workflow.

This Smashing eBook “Mastering CSS for Web Developers” is created to help

Web designers embracing the Web’s flexibility and using CSS techniques

that work today. This eBook contains 15 articles that cover useful

techniques, tricks and guidelines from experts on topics such as modern

CSS layouts, responsive Web design, CSS typography, CSS cross-browser

compatibility, as well as many other advanced CSS techniques.

The articles have been published on Smashing Magazine in 2010 and 2011,

and they have been carefully edited and prepared for this eBook.

We hope that you will find this eBook useful and valuable. We are looking

forward to your feedback on Twitter or via our contact form.

— Thomas Burkert, Smashing eBook Editor

Smashing eBook #9ᴹMastering CSS for Web Developers ᴹ 4

Why We Should Start Using CSS3 and

HTML5 Today

Vitaly Friedman

For a while now, we have taken notice of how many designers are reluctant

to embrace the new technologies such as CSS3 or HTML5 because of the

lack of full cross-browser support for these technologies. Many designers

are complaining about the numerous ways how the lack of cross-browser

compatibility is effectively holding us back and tying our hands — keeping

us from completely being able to shine and show off the full scope of our

abilities in our work. Many are holding on to the notion that once this push

is made, we will wake to a whole new Web — full of exciting opportunities

just waiting on the other side. So they wait for this day. When in reality, they

are effectively waiting for Godot.

Just like the elusive character from Beckett’s classic play, this day of full

cross-browser support is not ever truly going to find its dawn and deliver us

this wonderful new Web where our work looks the same within the window

of any and every Web browser. Which means that many of us in the online

reaches, from clients to designers to developers and on, are going to need

to adjust our thinking so that we can realistically approach the Web as it is

now, and more than likely how it will be in the future.

Sometimes it feels that we are hiding behind the lack of cross-browser

compatibility to avoid learning new techniques that would actually

dramatically improve our workflow. And that’s just wrong. Without an

adjustment, we will continue to undersell the Web we have, and the

Smashing eBook #9ᴹMastering CSS for Web Developers ᴹ 5

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: