The Art & Science of CSS
|
| List Price: | $39.95 |
| Price: | $26.37 & eligible for FREE Super Saver Shipping on orders over $25. Details |
Availability: Usually ships in 24 hours
Ships from and sold by Amazon.com
48 new or used available from $9.99
Average customer review:Product Description
This full color book helps you to design web sites that not only work well across all browsers, are easy to maintain, and are highly accessible, but are also visually stunning.
Create truly attention-grabbing headings. Discover multiple ways to present images effectively. Use background images to give your site zest. Build usable and attractive navigation. Design forms that are stylish and functional. Learn how to break away from the square box gclich. Create funky tables. And lots more From the Publisher
Jonathan Snook, Steve Smith, Jina Bolton, Cameron Adams, and David Johnson, five of the biggest names in CSS design have joined forces to bring you The Art & Science Of CSS. Beautifully presented in full color, this book will teach you how to apply innovative CSS-based techniques to create visually stunning headings, forms, menus, navigation, backgrounds, and much more... Using The Art & Science Of CSS, you'll see just how easy it is to unleash your creative talents and design inspirational web sites with CSS. All designs in this book are visually appealing and inspiring. The CSS code used to create each of the components is included and guaranteed to be simple, efficient and cross-browser compatible. Among its many treasures, this book will show you how to: Format calendars, menus and table of contents using CSS Create horizontal, vertical and tab-based navigation systemsusing CSS Create rounded corners using CSS Design stylish Website headings Put together funky & artistic Website backgrounds Use CSS to render blockquotes, dates and lists in a visually appealing manner All designs in this book are visually appealing and inspiring. The code CSS code used to create each of the components is provided and is "guaranteed to be simple, efficient and cross-browser compatible." Who Should Read This Book?
This book is ideal for anyone who wants to gain the practical skills involved in using CSS to make attractive web sites, especially if you're not the type who likes to learn by memorizing a formal specification and then trying to work out which browsers implemented it completely (does anyone enjoy reading specifications?). The only knowledge you'll need to have is some familiarity with HTML. This book will give designers the skills they need to implement their ideas, and provides developers with creative inspiration through practical examples.
Product Details
- Amazon Sales Rank: #261551 in Books
- Published on: 2007-03-09
- Original language: English
- Number of items: 1
- Binding: Paperback
- 224 pages
Editorial Reviews
About the Author
As well as helping his list of clients, Cameron has taught numerous workshops around the country and spoken at conferences worldwide, such as @Media and Web Essentials. He has also written a book &emdash; The JavaScript Anthology &emdash; which is one of the most complete question and answer resources on modern JavaScript techniques.
Many consider co-author Don E. Schultz the foremost authority on promotional and integrated marketing. He is credited for turning "sales promotion" into the sophisticated, strategic marketing discipline it is today. Schultz is a professor of Integrated Marketing Communication at Northwestern University; president of Agora, Inc., a marketing consulting firm; and the author of 13 books including "Essentials of Sales Promotion".
Jonathan currently works as a freelance web developer out of Ottawa, Ontario, Canada and writes on web development for his site Snook.ca.
Customer Reviews
A book full of real-world applications of CSS
The Art and Science of CSS was a quick read (208 pages) and packed full of valuable code examples. Unlike other CSS books that teach you the specifics of CSS with vague examples (not vague in a bad way), this book teaches you specific examples and gives you extra resources. This book is somewhat of a `cookbook` of commonly used CSS methods. Each author brings their unique writing style to the table, and each chapter focuses on a specific aspect of design and its CSS and styling methods.
Chapter 1 stars with Headings. The author of this chapter gives a brief introduction to hierarchy and branding, and how you can achieve more control with your look and typography. As typography is discussed, he moves on to talk about image replacement and the many techniques available to us today. There is no perfect solution when it comes to image replacement, but the author does a great job of showing current methods, their advantages, and their disadvantages (including an in-depth section on sIFR).
Chapter 2 is all about Images. The author starts by showing you how to create a basic, but aesthetically pleasing, image gallery. The task at hand is to create the enlarged version, the thumbnail page, and the galleries page while keeping the markup lean and semantic. Each of these are put together very nicely with flair not usually seen in off the shelf image galleries. The author also discusses how to create images (in context) with captions, including a nice use of transparent PNGs. The author's creative use of captions give you options `outside of the box' (both semantically and philosophically) of normal captions that are seen all around the web.
Chapter 3 shows us that backgrounds don't have to be boring. This is a very simple chapter that discusses backgrounds of the past (repeating pictures, large pictures, etc), and then looks forward to the present in getting creative with your backgrounds. He uses a case study as an example, and it shows specifics of positioning and layering.
Chapter 4 jumps into Navigation. Different types of navigations are discussed (vertical, horizontal, tabbed, variable width, etc) and shown with specific examples. The author shows how to take from each of those to create advanced navigation systems using images and your semantic markup. I think that from this chapter a user could create an advanced navigation - simply because the foundation is set pretty solid before he gets to the advanced section. This chapter goes hand-in-hand with chapter 1 when talking about image replacement.
Chapter 5 discusses the dreaded (sometimes feared) Forms. Forms come in all shapes and sizes - and it is up to us to build them accordingly with the user in mind. The styling in this chapter spruces up what is a rather mundane form - while giving you great flexibility and hooks to extend yourself. The author discusses the several different layout types (top aligned label, left aligned label, right aligned label) and shows how to enhance each. If you work with forms often, this chapter will help you whip up a clean interface for the task.
Chapter 6 is everybody's favorite chapter - Rounded Corners. The author gives you an arsenal of tools (and knowledge) to attack the task of adding rounded corners. He discusses the different methods (horizontal stretching, vertical stretching, and full flexibility) and shows you how to achieve each - keeping in mind the task of keeping the marking minimal and meaningful. We also get a brief glimpse into what CSS3 will have to offer us with multiple backgrounds per element.
Chapter 7 closes out the book with Tables. Tables still have a strong place in web development - and the author shows you how to use tables properly (with semantic markup) and then how to give them a little visual jumpstart and interaction. The markup presented here helps you give clear meaning to your tables - as well as building with accessibility in mind (which is always important with tables, specifically). We round off the chapter looking at some interaction enhancements via Javascript that we can use with our tables (sorting, striping, and hovering).
Overall I found this book to be an excellent read. It was short and to the point, and gives the reader a great starting point (as well as inspiration). The book itself is well designed. My only qualms with the book is that the code examples are listed in full in many places, which gives less room for content related to the chapters. As I said in the beginning, this was a fairly quick read - but well worth it. I would say that this is for an intermediate CSS developer, as specific CSS is not discussed in great detail but given to you as a way to achieve a specific design task. If you are familiar with CSS and need a quick way to achieve the tasks listed above, then this book is perfect for you.
Another CSS Rehash
I bought this book based on the reviews. Foolish was I. I'm not sure I'll purchase any more Sitepoint books without driving over to the local book store and flipping through the pages first. My last three purchases from them have been a little disappointing.
If you haven't already read tons of books on CSS, then I can see how this would be an "ok" source of information. If you haven't already read "Transcending CSS" by Andy Clarke or CSS Mastery by Andy Budd, or even the somewhat outdated "Bulletproof Web Design" by Dan Cederholm, then I strongly suggest you start there. This book teaches/shows how "these" authors/designers pulled off certain tasks. I'm concerned about the techniques that are being used to teach those who are supposedly less informed than the authors.
I couldn't help but ask myself why they're teaching their readers to use empty
Topics they cover that have already been covered in numerous other books include:
1. Rounded Corners. This has been covered a ridiculous amount of times in other books. Try Dan Cederholm's Bulletproof Web Design that was released by New Riders a few years ago. Douglas Bowman has articles in his blog covering rounded corner navigation styling (Sliding Doors of CSS) that you can read for free at www.stopdesign.com.
2. Form Styling. Same information can be found in Andy Budd's CSS Mastery. It's essentially the same information. Cameron Moll also discusses some of these techniques on his blog.
3. Navigation/Link styling. The same information can be found in almost every CSS book I've read (to date is over 10 books on the subject) and every free online tutorial. This information hasn't really changed over the last 2 years.
4. Image Stacking and Transparency - Done by Jeff Croft in a recent Sitepoint publication entitled "Web Standards Creativity". See chapter 5. Feel free to check out my review on that book as well.
I'm still scratching my head over the significance of the word "Scientific" in the title of this book. Anyone care to comment on this review and explain that one to me? I'm becoming more and more disappointed with Sitepoint Publications as they come out. They're good at marketing, I guess, because I keep buying them and reading them. The titles are more misleading as each new publication comes out, and the content is re purposed from existing books - some of which are New Riders and Friends of Ed publications. There's nothing new here. If you've read other "good" books on the subject, I strongly recommend saving your money.
Great CSS Book...
This new type of "workbook" format really visually helps display all the cool things you can do using CSS (Cascading Style Sheets). Plus since this book is co-authored by Cameron Adams and Jonathan Snook, there are tons of useful techniques that incorporate JavaScript with CSS. I have never seen a book that integrates CSS design techniques with JavaScript (accessible of course) and make it work seamlessly together.
There are beautiful screenshots of code snippets, screenshots of what each page will look like and really makes it easy on the eyes in learning the useful techniques of CSS. It is hard to list all the cool things that are covered in this book so I will just give a highlight.
Chapter 1- Image Replacement with CSS, Flash Image Replacement (sIFR) and JavaScript
Chapter 2 - Creating an image gallery: Styling the images, creating thumbnails, creating an album page; Styling contextual images, manipulating borders and padding, using floats for alignment of text and images, stacking and transparency (IE6 and IE7)
Chapter 3 - Using the background styles for images, creating a case-study design (Deadwood Design), absolute and relative positioning of images, using multiple background images (CSS3)
Chapter 4 - Creating navigation lists: Basic Vertical Navigation, IE issues (whitespace issue versus Firefox), creating a class for remember where user is in list; Basic Horizontal Navigation: Tabbed navigation, variable tab width issues, hover styles, creating multiple level navigation.
Chapter 5 - Forms: Labeling form elements (



