CSS in Easy Steps, by Mike McGrath

May 30, 2010 · Filed Under CSS, CSS3, Web design · Comment 

Cascading Style Sheets CSS in Easy Steps, by Mike McGrath is an important language to master for people designers wanting their web pages to look good, load fast and be easy to maintain. In this book author Mike McGrath explains CSS and gives a good overview of how to use it.

CSS in Easy Steps is short and sweet. I was surprised by the amount of material McGrath has been able to get into the less than 200 pages of this book. It contains a fairly comprehensive overview of CSS with fairly wide coverage and with a very good presentation of the principal features of CSS. It even has a relatively good presentation of some of the new features of CSS3.

However, there are some minor flaws in the book. For instance, McGrath gives readers a basic CSS page layout using absolute positioned sidebars without explaining the limitations of this design at all. Designs with absolutely positioned sidebars are hardly ever used, and should not be used by people why do not know the problems of these designs (e.g. overwriting the footer is there is more content in the sidebars than in the main content column). Also, a few references or links to further explanations or more advanced examples or problems involved in using CSS would have improved the book.

Even so, this is a good and useful book. To my mind this book, written in an easy to follow style, with good explanations in plain English, is a very useful book for beginners. For more advanced users there is little new in this book, and it is far too brief to serve as a reference book.

The CSS Anthology: 101 Essential Tips, by Rachel Andrew

March 23, 2010 · Filed Under CSS, CSS3, Web design · Comment 

The CSS Anthology: 101 Essential Tips, Tricks & Hacks, 3rd Edition, which is the The CSS Antalogy: 101 Essential Tips, by Rachel Andrew full title of the current version of the book, is a good book on CSS. However, I bought it after having seen the ad for it on sitepoint’s site. I have to say I expected it to be a little more advanced than it turned out to be, and a little bit more a jour as well. The good folks at sitepoint are sometimes a little too good and to clever in their marketing, and create impressions that don’t usually meet the expectations. Almost to the point where I now finally have learned to divide what they write by pi and will most likely keep a larger distance to their products. Sitepoint should perhaps ask what they want as a publisher: Satisfied customers that re-purchase or sales that give customer dissatisfaction.

Oh well, on to the book itself. The book is quite good and covers CSS broadly without giving much in-depth coverage and very few references. Rachel Andrew provides a large number of good, standards compliant examples of how to use CSS in a set of different situations. It is a book that I would think of as very useful for people with beginning to intermediate CSS-skills.

The CSS Anthology: 101 Essential Tips, Tricks & Hacks is a practical introduction and guide. The author shows how to use CSS for all the common purposes: for styling text, formatting headings and images, for styling forms and for user interfaces and navigation.

The book has a preface, nine chapters, and an index. Chapter 1 is an introduction to CSS showing why it is replacing HTML table and layout formatting, and the basic concepts of CSS. The other chapters have a “problem/solution” format dealing with various design issues, and solutions to those issues using CSS. There is also quite a bit of material about browser-compatibility issues, but some of this is quickly getting old as new version have been launched and/or are in the process of being launched.

The book is mostly useful as a practical guide. It is not very good as a reference book. Nor is it very up to date as far as the emerging CSS3 standards are concerned. This disappointed me a little, as most people creating web pages today or in the near future will want to use these new techniques instead of the older and often more complicated ones.

I recommend The CSS Anthology: 101 Essential Tips, Tricks & Hacks primarily for people wanting to learn CSS that prefers to do it by solving practical problems one by one as they encounter them.

CSS Mastery: Advanced Web Standards Solutions, Second Edition, by Andy Budd, Simon Collison and Cameron Moll

February 14, 2010 · Filed Under CSS, CSS2.1, CSS3, Web design · Comment 

Andy Budd, the first author of CSS Mastery: Advanced Web Standards Solutions, is renowned in the web development community as one of the foremost proponents of web standard in Great Britain. CSS Mastery, Andy Budd The first edition of this book was very good, but is already outdated, so this major revision was timely.

This is a 300 page book, very hands on, which demonstrate what CSS can achieve. It is a hands-on learning tool rather than a reference text. It has lots of code examples, is good when it comes to discussing cross-browser support, has some discussion of CSS3, as well as CSS3 examples, showing new CSS3 features, and CSS3 equivalents to tried and tested CSS2 techniques.

The book starts off with a discussion of CSS and its basics. Then we immediately delve deeper into the use of it – visual formatting with CSS, positioning, design effects, and so on. The focus is more on design issues than with the coding itself. Chapters 6 and 7 focus on efficient layouts.

The book is good at conveying best practice concepts in CSS design, as well as solutions to some tricky problems in CSS (two chapters are devoted to this). The section on dealing with browser bugs is very good.

This is not a book for beginners. It is more advanced and more design oriented. There are lots of discussions of fairly advanced techniques, which makes the book useful for more experienced designers. I would say it is an intermediate level book.

One problem with this book needs to be mentioned: It has a lot of typos and errors. The list of errors (available online) is now more than 11 pages long. If you can live with that – personally I don’t much like books with typos and errors – then this is a good book to learn from.

Cascading Style Sheets – The Definitive Guide, by Eric A. Meyer

February 2, 2010 · Filed Under CSS, CSS2.1, Web design · Comment 

Eric A. Meyer is a well-known and much respected expert on the subject of CSS. In this book he uses his trademark wit and humor to explore all the properties of CSS. The book covers CSS2 and CSS2.1, as well Cascading Style Sheets - Eric A. Meyer as basic CSS. It also introduces some of the emerging elements of CSS3.

I really enjoyed this book. It is very solid and an excellent reference for anything CSS. But it is presented in a precise and concise manner with a huge smile. Eric Meyer seems to have enjoyed writing the book. And that actually makes the book more intesting. The examples – of which there are many – are sometimes funny, and his comments interesting.

Don’t get me wrong – this is a great reference book. And all reference books are to some extent boring – because they cover so much, and always deal with a lot you already know. And this book does all that. But Meyer shows that it is possible to liven up even boring books a little here and there.

CSS: The Definitive Guide details the ins and outs of the CSS specification. It has numerous easy to follow examples. The illustrations are invaluable as they allow you to easily compare the markup, the applied style sheets, and the results. It is very comprehensive and virtually leaves no stone unturned.

If you want to learn more about the newer versions of CSS or you want to have a few really good in-depth reference books on CSS around, then this is a book I strongly recommend. One of the top books on CSS. Really a Definite Guide!

Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition), by Dan Cederholm

January 9, 2010 · Filed Under CSS, Landing page design, Web design · Comment 

Dan Cederholm is one of the smartest minds in CSS and HTML. He is internationally known as a deep and innovative coder. He has been working on real-world sites for no-nonsense businesses like Google, ESPN, and Fast Company, Inc. He embraces flexible, adaptable design using Bulletproof Web Design, by Dan Cederholm Web standards through his design work, writing, and speaking. Dan is the author of two best-selling books: Bulletproof Web Design and Web Standards Solutions. Dan also runs the popular weblog SimpleBits, where he writes articles and commentary on the Web, technology, and life. He also plays a mean ukulele and occasionally wears a baseball cap.

In this book Cederholm examines a number of the real world challenges that Web designs are exposed to, and seeks to show how designs can be coded using CSS so that they become “bulletproof”.

And Bulletproof Web Design does an incredible job of teaching that – step-by-step, by showing you how to make your website `Bulletproof.’ Cederholm introduces the book by defining what it means to have a bulletproof website. He uses the example of a police officer wearing a bulletproof vest. No, it is not 100% protection against a bullet – but it decreases the chances and gives extra protection. When applied to a website, this means that your website can handle the `bullets’ being thrown at it. These are things like text resizing, use of assistive devices, no CSS, no images, and a few other examples.

This is a wonderful book, where Cederholm deals with coding and design problems all the way from multi-column layouts that stay crispy in milk, to maintaining fine control of web fonts and sizes without alienating users. I have just finished reading it, and I liked it a lot. It is very useful and practically oriented. Just about every problem a modern web designer faces is examined, with solutions ranging from good to better to best.

Cederholm’s point is that no matter how visually appealing or content-packed a Web site may be; if it’s not adaptable to a variety of situations and reaching the widest possible audience, it isn’t really succeeding. So he outlines standards-based strategies for building designs that provide flexibility, readability, and user control – key components of every successful site. Each chapter starts out with an example of a good looking, great site – that employs a traditional HTML-based approach and is not bulletproof. Then Dan then deconstructs it, pointing out its limitations. He then gives the site a make-over using XHTML and Cascading Style Sheets (CSS), so you can see how to replace bloated code with lean markup and CSS for fast-loading sites that are accessible to all users.

Finally, in the last part of the book, he covers several popular fluid and elastic-width layout techniques and pieces together all of the page components discussed in prior chapters into a single-page template.

Bulletproof Web Design is a nice, useful reference as well as a great source for inspiration.

CSS: The Missing Manual, by David McFarland

April 30, 2009 · Filed Under CSS, Dreamweaver, Web design · Comment 

This is a CSS-bible you will probably sooner or later need. You may as well get it now! It has 500 pages of CSS help, with more than 100 pages of CSS: The Missing Manual practical tutorials to guide you through the process of implementing and refining CSS to save you many a wasted hour.

Cascading Style Sheets (CSS) is here to stay. But CSS isn’t just a tool to pretty up your site; it’s a reliable method for handling all kinds of presentational issues on your site: from fonts and colors to page layout. CSS: The Missing Manual explains this powerful design language in a clear, logical, easy to grasp manner, and shows how you can use it to build sparklingly new Web sites or refurbish old sites that are ready for an upgrade.

Author David McFarland (who is also the bestselling author of O’Reilly’s Dreamweaver CS4: The Missing Manual) combines clear explanations, great examples, good humor, and step-by-step tutorials to show you how design sites with CSS that work consistently across browsers. You learn:

  • Create HTML that’s simpler and is search-engine friendly
  • Turn HTML links into complex and attractive navigation bars
  • Style images to create effective photo galleries and special effects
  • Make HTML forms look great
  • Overcome browser bugs
  • Create complex layouts using CSS

A wonderful book, and a great reference manual!

Link to this book at amazon US and amazon UK.