YYZtech.ca

The CSS Anthology
101 Essential Tips, Tricks & Hacks (2nd Edition)

Practical advice on how to solve design problems with CSS.

By: Staff

AdSense

The book is arranged into logical sections covering the major parts of web page design. It's then further broken into a question and answer format, e.g. "How do I style a structural list..." followed by an answer with sample code and a discussion covering the hows and whys something is do. In this respect it is very similar to the O'Reilly Cookbook series. What this book does bring to it is a more attractive, full-colour package. In addition, there are a number of break-out boxes throughout the book that provide additional information. They're done with a bit of a sense of humour: e.g. the warning sections are illustrated with various items ranging from a bicycle horn (look for) to a hand-grenade (caution). Of course, no book today would be without a website, and this one has one as well as access to the rest of the SitePoint website.

Getting started, it begins with an introduction to CSS in general and is then followed by a chapter on text handling in CSS. This section covers some of the less known area of fonts like x-small, xx-large notation. It's not the first book to delve into these features (Jeffrey Zeldman's Design With Web Standards was probably the first I read on the topic), but, unlike some of these older books, it's the book's inviting layout and organization that makes this more accessible than some past books.

Next up is a chapter on image handling in CSS. This starts off with the basics of adding boards to images, then quickly moves into creating shaded backgrounds and into mixing HTML text and images, and finally, using transparency.

Navigation covers how to create attractive menus using CSS. Most of this chapter shows how to convert lists into styled vertical, horizontal and tabbed menus, using a mix of plain CSS and images. I particularly liked that the author mentioned where some of the ideas for the CSS code came from - useful if you want to check out other variations of the code presented.

Tabular data covers the ways to make spread-sheets-type data more readable and attractive, starting with basic styling, it also covers visual aids like alternating row colours and changing the style of a row when the user moves their mouse over it. As well as styling, this touches on making tables accessible though the use of and other tags. Later on, they cover creating styled calendar displays.

Next us is a chapter on forms and user interfaces. It's basically a chapter about how to organize a web-site's forms into a logical format and style it so it is both attractive and easy to follow. Given that nearly every website has at least one form, even if it's just a contact form, this chapter is worth reading. I'd put this up with my previous favourite, DanCederholm's Web Standards Solutions, for usefulness.

While the browser compatibility situation has come a long way from the bad-old days of Netscape vs. Internet Explorer, it still exists, especially as a large number of users are still running Internet Explorer 6. This chapter covers cross-browser techniques focuses on developing ways to deal with older browsers and mobile browsers. Also covered here is how to install multiple versions of IE on your computer using Virtual PC as well as other helpers like BrowserCam.

The accessibility and alternative devices chapter covers making pages friendly to screen readers and other tools used by people using assistive technologies such as screen readers and magnifiers. An often overlooked advantage of creating accessible websites is it makes it easier for web spiders to process your content correctly, so this chapter is doubly useful.

The closing chapter is on CSS positioning and layout. It brings together many of the topics covered in previous chapters into creating a cohesive layout. As well, it touches on some techniques to make the pages more interesting with bits like rounded corners.

Some other nice points: they're fair bit of coverage of non-obtrusive JavaScript -- basically how to make your web page not fall apart with errors galore if the user's browser doesn't support JavaScript (or, it's been disabled for security).

Date published: 27-Sep-2007

AdSense

Comments

AdSense

Related

Drupal 6 Themes

Learning the many ways to theme with Drupal 6

Building Findable Websites

Making your website understandable not only to search engines, but readers as well.

Front End Drupal

Tools and techniques for learning to create themes for the Drupal 6 CMS.

The Book of CSS3

Peter Gasston guides you through what is not so much a specification as a set of features that will someday become CSS3.

HTML5 Guidelines for Web Developers

12 chapters on different technologies that fit into HTML5.

Sponsored



2017 YYZTech



For American computers stores, visit: AmericanComputerDealer.com

Google+