CSS Instant Results (Programmer to Programmer) (Paperback)

by Richard York (Author) "Tabs have become fairly ubiquitous in web design-you can find them nearly anywhere you look these days..." (more)
Key Phrases: Internet Explorer, Forum Subscriptions, Dean Edwards (more...)

Editorial Reviews

Product Description
CSS Instant Results helps you quickly master and implement the diverse web applications CSS enables for web designers. The book is centered around ten ready-to-use projects with all the code for all the projects included on the books CD-ROM - that you can use immediately. CSS Instant Results dives into working code so you can learn it rapidly. The book and code projects are written for web developers and designers who are looking to learn how to use CSS for better, faster design and markup. Some previous JavaScript use is helpful.

Each of the 10 project features step-by-step set-up instructions with a description of each project that enables you to understand and then modify it so you can reuse it in different situations.

The code has been tested with several browsers including Mozilla Firefox 1.0, Opera 8, Microsoft Internet Explorer 6 for Windows, and Safari 1.3 for Mac OS X. The 10 projects covered in the book with complete source-code on the CD are:

• Tab-based navigation
• Multi-column layouts
• Dynamic dropdown menus
• A different approach to the dropdown menu
• Web-based slideshow
• Custom borders and rounded corners
• Applying CSS to a webmail application
• Styling input forms
• User interface for a web-based file viewer
• Styling a web-based calendar

From the Back Cover
With the latest generation of modern browsers expanding support for CSS 3, it is an exciting time in the CSS world. Featuring ten ready-to-use projects on the book's CD-ROM, this helpful reference dives into working code so you can rapidly master the increasingly diverse applications web designers can use with CSS, including some that previously could be done only with JavaScript.

Featuring in-depth explanations, these ten ready-to-use projects are easy to implement in your own projects. The description of each project enables you to understand and then modify it so you can reuse it in different situations. The code has been tested with several browsers including Mozilla Firefox 1.0, Opera 8, Microsoft Internet Explorer 6 for Windows, and Safari 1.3 for Mac OS X.

CD-ROM includes source code for all 10 projects

Ready-to-use projects you'll find in this book

• Tab-based navigation
• Multi-column layouts
• Dynamic dropdown menus
• A different approach to the dropdown menu
• Web-based slideshow
• Custom borders and rounded corners
• Applying CSS to a webmail application
• Styling input forms
• User interface for a web-based file viewer
• Styling a web-based calendar

Who this book is for

This book is for experienced web developers and designers who are looking to learn how to use CSS for better, faster design and markup. Some previous JavaScript use is helpful.

Instant Results guides are packed with unique, ready-to-use projects that are perfect for the busy programmer. They require minimal set-up, and can be modified, enhanced, and reused in real-world situations.

See all Editorial Reviews

Product Details

• Paperback: 383 pages
• Publisher: Wrox (April 17, 2006)
• Language: English
• ISBN-10: 047175126X
• ISBN-13: 978-0471751267
• Product Dimensions: 9.1 x 7.3 x 1 inches
• Shipping Weight: 1.4 pounds (View shipping rates and policies)
• Average Customer Review: 5.0 out of 5 stars See all reviews (1 customer review)
• Amazon.com Sales Rank: #276,448 in Books (See Bestsellers in Books)

  Popular in this category: (What's this?)

  #75 in

  Books > Computers & Internet > Programming > Languages & Tools > CSS

Customer Reviews

Most Helpful Customer Reviews

15 of 17 people found the following review helpful:

5.0 out of 5 stars Promises + Delivers, April 13, 2006

By	Nathan Smith (SonSpring.com) - See all my reviews (REAL NAME)

This book promises, and it delivers. I was a bit skeptical about the title, because there are so many quick-fix products available, few of which actually work. However, CSS Instant Results is true to its name, offering solutions a variety of common web design situations. Not only does this book address many different problems, it also shows you several distinctive approaches to tackle each one. I especially liked that all the source code came included on a CD. This was a welcome change from the typical "download code at this URL" approach.

The author, Richard York also wrote Beginning CSS for Wrox Publishing, so when this guy talks about CSS, you know that he is speaking with authority. Meaning, to be approved to write another book on the same topic, by the same publisher, reflects that one knows a great deal about that particular subject. His explanations are thorough, well written and methodically straight forward.

Here is a run-down of each of the topics covered: Tab-based navigation, Multi-column layouts, Dynamic drop-down menus (2 approaches), Web-based slideshow, Custom borders and rounded corners, Webmail interface, Input forms, File viewer, and Web-based calendar. Allow me to expound upon what I liked about each of those chapters.

In the tab-based navigation chapter, he describes how to do a two-stated background roll-over using images and CSS. He also shows how to create "liquid" tabs, that expand to fit the size of a word therein. For instance, this would allow you to use a longer phrase like Employment instead of Jobs, and still be able to reuse the same code and graphics.

In the multi-column layout chapter, he describes several ways to tackle the liquid 3-column layout. This has been affectionately dubbed the Holy Grail by web designers, because many have lost their lives in search of the perfect layout (okay, maybe not died, but shed tears). This was a great chapter, because it condensed many of the techniques seen at Layout Gala, explaining why a particular method works in a given context, and when to use each.

He then moves on to cover pure CSS drop-down menu methods, with a tip of the hat to Eric Meyer for the original ideas. This doesn't work in IE6, so he shows the necessary CSS hacks and JavaScript wizardry in order to trick IE into compliance. Throughout this book, the famous IE7 JavaScript is used and referenced, originally concieved by Dean Edwards. Essentially, it forces IE6 to adhere to web standards roughly the same as Firefox, Safari and other good browsers. It's a shame such a fix doesn't exist for Opera's quirkiness.

I digress. The web-based slideshow chapter is really cool, and you may have seen this in use at various web technology conferences. Basically, instead of using a proprietary program like PowerPoint or Keynote, it uses a full-screen browser view to simulate a slide based presentation. Similar implimentation has been done by Eric Meyer, with a later Ajax-ified version by Robert Nyman.

The custom borders and rounded corners topic was also quite applicable. We all know the trick of having the bottom portion of a rounded box in a container, and then giving some other inside element the top part. York shows you how to have rounded corners in a cross-browser, liquid / flexible layout scenario. This is a very handy and universally re-usable technique.

The last three chapters of this book deal with skinning specific interfaces, modeled loosely after the look and feel of Mac OSX. He shows how to emulate or re-create the functionality of email client elements, commonly seen in Microsoft Outlook or Thunderbird. He also makes a monthly / yearly calendar. What I found the coolest of all the examples though, was the sneak-peek of his Hierophant project. In his own words:

"[It is] an open source PHP-driven framework and content management system. In case you're curious, the term "Hierophant" refers to ancient Greek priests, who are said to have had the ability to make the mysterious or esoteric easy to understand. I chose this name because I wanted to write a complex PHP framework that made complex and sometimes difficult tasks easy for the average user."

While the system is not yet available for use, he does give away all the code necessary to write the front-end of it. I tell you, just from having glimpsed at the interface, I can't wait to see how the whole thing will turn out. It looks to take the functionality of a typical operating system, and apply this to browsing one's own available directories and files online, via a web browser.

I guess that about wraps up this review. If you are looking for some hands-on, practical code examples for how to fully harness the versatility of CSS in your own upcoming projects, then put this on your list of books to consider. In a nutshell, this is a book I wish had existed when I was first learning CSS.