The CSS Anthology

The CSS Anthology BookI finished reading Rachel Andrew’s The CSS Anthology: 101 Essential Tips, Tricks & Hacks and I have to say, that this is a very well written book.

There is nothing more frustrating for me than to buy a technical computer book and find out that it was totally useless. I often run into the problem where most computer books are either too easy, (like explaining how to install something or edit a preference), or they are tomes of reference material which I get bored with very easily. It seems like everything is written for the absolute beginner or experienced professional, perhaps publishers do not like to market to articulate readers who can do multiple things well. However Rachel Andrew’s book happen to be a welcomed and exceptional computer book.

To begin with this is a CSS book, and in case you do not have much experience with CSS, this is a very intimidating subject. CSS does two things for html web design, it removes the layout leaving only the content for you to write, and it styles the content. CSS layout and CSS styling are where most web designers are aiming for these days, but if you are just learning CSS, you will soon find out that CSS styling is the easiest concept to grasp and CSS layout is quite the opposite. Given this, every CSS book tries to conquer both layout and style, and usually fails miserably when it comes to explaining layout. Part of the problem is that there are multiple browsers and each one supports CSS positioning in different ways, and you end up having to find a layout that works well in most browsers, while with font styles, even if a font does not display quite right, it still displays, so web designers has an easier time with CSS styling.

Although the title of this book states to have a 101 essential topics, while reading it cover to cover, you do not have the impression of counting each topic and that some topics are not all that essential. Rachel Andrew’s writing style makes each topic seem important and relevant to the overall discussion which is important, because it also allows you to read the book in multiple ways. Most computer book authors tend to reiterate the same things over and over again too, because they know most people will not be reading the entire chapter at once, as if they also know their book is boring; Rachel Andrew avoids a lot of repetition which is good, but obviously some points have to be restated for clarity. Personally I found the book a better read if you can finish the whole chapter at once, and this tends to work very well until you get to the later chapters which tend to be less consistent and have more random points.

Chapter Thoughts

As usual the first chapter covers CSS fundamentals, but it does it very well and even if you have experience with CSS, you should glance this chapter over, as Andrew’s explanations for browser layout and elements are very good, in fact it is the best explanation of CSS I have ever read! After this Andrew covers font styles and images, which most experienced designers will probably be familiar with. A good chapter to read is the chapter on navigation, as it explains how unordered lists are essential for making good navigation menus. For the chapter on tables, I found the subject interesting, and probably it will be something I will come back to, but I do not do much work with tabular data of late. I found the chapter on forms to be more immediately useful. About 40% of the book, is devoted to CSS layout positioning and while the beginning chapters are pretty clear, the last chapter is kind of a muddle of different browser specific problems which of half are essential and useful. I will still give Andrew credit though for remaining consistent until now and not boring me.

Sitepoint has the complete chapter list on their website, so if you would like to see the specific chapter titles you can.

Problems, Complaints

EasyRiders has quite a few CSS books on the market, some of which are in color and written by CSS guru Eric Meyer, and in certain places, it would have been nice if the CSS Anthology was in printed in color instead. Some of the tips would have been easier to see if you could have seen a better graphic in the book. However given that some of those colored books are around $50 and Rachel Andrew’s book is considerably cheaper, this complaint might not be so valid to some readers.

I am sure some readers would have liked a reference chapter, or a nice cheat sheet graphic which they could use as they are learning layout, but to be honest, some of this is more easily found on the internet and if you really want a colored cheat sheet, you should be able to find one and print it yourself.

Summary Review

Rachel Andrew’s The CSS Anthology: 101 Essential Tips, Tricks & Hacks is a good book aimed at beginners and experienced designers who want a concise and very readable CSS manual. I recommend it highly.

Easy XHTML Templates

Easy XHTML is a simple form that builds a standard XHTML template with all the meta tag lines that you always need to have in any html file, (but for some reason always tend to forget about). I’m sure not very many WordPress users have a great need for such a thing, but every now and then you run into a situation where you just need to code a single page outside of your blog, and that’s when it comes in handy.

Easy XHTML builds either strict or transitional templates and I put in the four indexing options just for completeness. Although the form is not very fancy, because it will generate all tags regardless of whether you inputted any data or not, it is still faster than trying to write a template by hand or should I say memory.

Overview

The first two options, are pretty simple. The title is what the browser window displays, and the domain url is used to generate the code needed for a favicon.

For the stylesheet, either put in the full url or if the stylesheet is at the root of your directory, then just type in the stylesheet name.

Author and Copyright are pretty self explanatory, just type in what you want for these meta tags.

Description and Keywords are important meta tags if you want to be displayed well on Google and Yahoo. You usually want to have the same words in both the keywords and description. The description should be short and to the point, 25 to 30 words (or about 160 to 180 characters). For the keywords, you can separate phrases or words with commas. Keywords should be limited to 15 to 20 words.

There are four indexing options, just choose the one you want, with the most obvious choice being to index all.

Lastly are the doc types for the template. Transitional is the most popular.

Notes
I have double-checked the output of the form for errors and it does validate. You should note that the template created is for English language and specifies the more common ISO-8859-1 encoding.

If you find this useful, let me know. You can find Easy XHTML under the Tools section on the sidebar.

WebKeyDesign Now 768 Pixels

I finally got around to widening the theme design for WebKeyDesign. It is now 768 pixels wide for the main content and sidebar. If you have never read the short description in the Site Map, you might not know that the WordPress theme is actually John Wrana’s Relaxation Theme.

Relaxation is based on the Kubrick Theme, but is somewhat less complicated and easier to load. I’ve changed some of the CSS, so it is not an exact implementation of Relaxation, and now that it is 54 pixels wider it presents a lot more text horizontally.

A theme that is also progressing nicely is Blix, which has more of a frost white look.

Speaking of theme design… check out A List Apart’s new look.