Review: Cascading Style Sheets: The Designer’s Edge

book coverBeing a woman very involved with the Web, I have watched Molly E. Holzschlag’s career with some interest since she was voted one of the “Top 25 Most Influential Women on the Web.” She has done good work in many forums, but her latest book Cascading Style Sheets: The Designer’s Edge from Sybex is one of her best contributions to date. The book takes some of those innovative leaps that Sybex is not afraid to try and the result is a work that is fresh and unique in a crowded sea of CSS books.

The unique hook in this book is the sections devoted to design and “vision” with CSS. The book tells the story of the reconstruction of a table-based site that Holzschlag and Eric A. Meyer (the technical editor of the book and author of the highly regarded Cascading Style Sheets: The Definitive Guide) did at a User Interface 7 conference. It is a fascinating explanation of how all the font, span, nonstandard markup and nested tables were removed from a page and the CSS decisions that went into rebuilding the page as an almost exact replica (in appearance) of the original. For the CSS newbie who wants to move away from tables, this is one of the most instructive lessons in how to do it that I have seen in print. And for anyone who already knows quite a lot about CSS, it is still highly informative. All the HTML and CSS used in the exercise and book are available for download from sybex.com.

The examples of “vision” in the book include a CSS Design Gallery showing some of the possibilities for innovative design using pure CSS. Holzschlag states that, “we must use CSS in practical as well as visionary ways,” and suggests that since browser support for CSS and standard markup is very good in modern browsers there will be a great flowering of ideas involving the possibilities and opportunities for creative use of CSS.

The book begins by explaining structured markup and CSS in theory and practice and moves to CSS typography, color, backgrounds, borders and layout. I have been devouring HTML and CSS books for years, especially my beloved HTML for the World Wide Web by Elizabeth Castro, and I still managed to learn some new things and discover some fresh approaches to teaching this material in Cascading Style Sheets: the Designer’s Edge.

Tip: Crucial CSS Concepts Lecture Notes

Here’s a very sketchy outline of notes on the basic concepts of CSS that need to be understood before getting into the details about applying specific styles to selectors and classes.

  1. The box model. Padding, borders, margins, colors, backgrounds, display and placement can be manipulated for every element: words, paragraphs, images, divs, body, tables. Understanding the box model is essential to understanding what can be accomplished with CSS.
  2. The Cascade. Proximity and importance affect results.
  3. Multiple style sheets. Know when to use linked vs. imported style sheets, as well as how to write style sheets for different media (such as print).

Refer to Eric A Meyer’s Cascading Style Sheets: The Definitive Guide for more about all these concepts.

Review: Flash MX Learning Studio

The Flash MX Learning Studio from Sybex earns a mixed bag of reactions from me.

The package consists of an interactive CD with the complete contents of the accompanying book, Flash MX Savvy by Ethan Watrall and Norbert Herber. The CD contains hands-on projects with a simulated Flash MX environment that allows you to click through the activities described in the lessons. There are a number of movies of Watrall in the role of instructor talking you through various aspects of the Flash interface.

I’ve written before about the high quality I think Sybex has brought to the Web Design publication world with its “Savvy” series. This book is certainly in keeping with that standard. It is exhaustively complete, well written and well illustrated. There is no doubt in my mind that the material provided is a valuable learning tool.

I’m not sure that the Learning Studio on the CD adds a lot of value to the package, however. A lot depends on your learning style or learning preferences and on whether you want to use the CD as a teaching tool or for individual learning. The material on the CD is exactly the same material as that in the book, with the addition of the simulated Flash environment allowing for an occasional clickable interaction and the addition of Watrall talking you through some of the same material printed in the book. Depending on your learning style, this might be exactly what you need to help you “get it,” even though it is the same thing you can read in the book. If you are using the Flash MX Learning Studio to teach a class in Flash, the CD would provide useful fodder for projecting lessons on a big screen that could weave into class discussion of techniques.

I was put off by the fact that the interface on the CD requires so much screen real estate to see everything that the lines of text become unpleasantly long for extended reading. Reading the book is easier on the eyes. When comparing the movies and examples of interactions on this CD with those you might find on a book from lynda.com’s Hands on Training series, these Sybex Learning Studio movies fall short. The movies just don’t add much to what you get in the text.

You could definitely learn Flash MX from this package. The question you need to resolve for yourself is whether the Flash MX Savvy book by itself would be all you need, or whether you want to go for the added interaction and get the Flash MX Learning Studio as well.

Accessibility and Web Design Tools

I have written elsewhere about choosing tools to make your efforts at designing for accessibility easier. However, since I wrote my article, the W3C has stepped up with Authoring Tool Accessibility Guidelines 2.0. The guidelines give information about making the design tool itself accessible, and what the design tool should do to help the designer create accessible sites.