Up until CSS3‘s come along, creating graduated backgrounds in web pages has been a fiddly experience. Older versions of CSS only supported single colours as backgrounds so we had to create our gradients in Photoshop or Fireworks or the like and then bring them in as background images.
Web typography so far has been a stunted and unlovely thing. Conflicting standards and licensing issues have prevented designers from deploying their typographic chops. For years now choices have been limited to the familiar faces of the Microsoft Core Fonts collection.
CSS has supported linking to fonts for years but cross-browser support for font formats has been patchy and unpredictable – however the days of Font Frustration are already behind us with superb initiatives like Typekit and, focus of this post, Google Web Fonts…
One of the great CSS cliches is that it allows you to separate content from presentation, but what the *%$*# does that mean when it’s at home?
Well try this for size – how about having two stylesheets controlling the same page one for screen, the second for print…
For instance if you were to print this page you probably wouldn’t want to see the search, the site logo or the navigation. So wouldn’t be good to tell them not to print…
Same HTML, different stylesheets.On the left we have a screen grab of how this very page looked when this article was written and on the right, how it would print print. How do you achieve this wonder? Read on…