Web Design Garage 103
Web Design Garage | |
author | Marc Campbell |
pages | 530 |
publisher | Prentice Hall PTR |
rating | 8 |
reviewer | John Suda |
ISBN | 0131481991 |
summary | Hands-on Guide to web design and usability |
This is not a primer, tutorial, or concept-bound book. It is meant to provide practical guidance and solutions to the most common Web design issues dealt with by Web designers. Author Marc Campbell, offers a set of 86 topics about Web design problems and solutions. The format for nearly all of the 86 topics is to highlight a design challenge, then offer solutions using pictures, examples, and code snippets. Although a good and quick read from beginning to end, the book can be read piecemeal for information and guidance on a specific issue. One can pick and choose topics depending on interest or need.
There are no traditional chapters, only a set of design topics of relatively short length organized into 8 general categories. Those categories include design and usability topics, layout, images, text, links, forms, and two others -- one of miscellaneous items, the other an explanation of basic Web-design material. There is also an index and a short glossary of HTML, CSS, Web, and graphics-related terms.
The fundamental theme of the book is that design and usability are, or should be, the same thing. Usability is paramount, of course, but the author's approach to Web design emphasizes creating a "sense of place": good design unites pages so that they look like they belong together.
This is not an earth-shattering idea, but like most of all of the design treatments, the goal is to design pages which make it easy for visitors to use the site. Many good design virtues are virtually invisible to the casual user. There is a confluence of design and usability; it's only when a design element doesn't work well that it comes to the attention of the user, and that's something to avoid. The author shows by example how design and usability are intertwined.
There are a handful of themes which guide the book. Admirably, the author emphasizes for every design element a concern for accessibility. Many of the design guides refer to accessibility by screen-readers and non-graphic browsers. A second major concern is for compliance with contemporary Web design standards as those promulgated by the World Wide Web Consortium. Consequently, there is much emphasis on the separation of page structure from content, where CSS is used for structure and HTML is used for content. A contrast of HTML and CSS formatting is highlighted in many of the chapters.
There is a large handful of sections which express HTML and CSS formatting differences on page layout, text and image positioning, and other Web design elements. There is clear discussion on how to work with Javascript and stylesheets. The emphasis is on "forward-looking" coding, i.e., clean, standards-compliant, and accessibility conscious. Campbell offers an experienced designer's insights on choices to be made in design components. There is much value for both inexperienced and seasoned designers.
Each topic is richly expressed with clear and straightforward text, illustrations, screenshots, and sidebars on a variety of related matters. There are sidebars throughout titled "FAQs" and "Geekspeak," explaining concepts or terminology for the less-knowledgeable reader. Then there are those called "Tips" which usually offer an insight to practical problems, especially dealing with browser-compatibility issues. There are many useful tables and charts indexing specific tag attributes, with examples. In addition, and most useful, are the "Toolkits" which are sample code snippets. It would have been nice to have the code snippets available for downloading from the publisher's Web site.
This is a dense volume containing all sorts of information useful for the "garage" web designer. For some reason, the depth and weight of the content is reflected in the book itself, which is remarkably heavy, weighing in at a well-produced 29 ounces.
There are many books available on basic Web design, but this one is unusually clear and well-expressed. This is the type of book one keeps handy in the bookshelf next to the computer to access for quick solutions to everyday Web design problems.
You can purchase Web Design Garage from bn.com. Slashdot welcomes readers' book reviews -- to see your own review here, read the book review guidelines, then visit the submission page.
I'll take content over "hip-looking, style-laden". (Score:5, Insightful)
Re:I'll take content over "hip-looking, style-lade (Score:1)
Re:I'll take content over "hip-looking, style-lade (Score:4, Insightful)
I know it's a radical concept to some Slashdotters, but style matters. I don't particularly want to go back to "green screen" text-only monochrome monitors.
Re:I'll take content over "hip-looking, style-lade (Score:2)
Agreed, but have you tried to read Tom Peters' Reimagine? Here's a sample chapter [tompeters.com] [PDF, 2.7 MB]. The Daily Show's America (The Book) is much the same: highly non-linear, making for a tough read.
Re:I'll take content over "hip-looking, style-lade (Score:2)
I like it
The non linear nature of it, the use of typeface actually ADDS to the ease of use. I can read it by ignoring the sidebars, confident I know what they contain. I can read it taking note of the key points and not the explanation; I can read it in a variety of different ways.
Above all, I read it because it doesn't bore me and gets across its message in a form that has impact.
If you can't take anything other than linear text, with headings in bold 18pt and justifie
Re:I'll take content over "hip-looking, style-lade (Score:3, Funny)
Of course not. Everyone knows amber was much better...
Re:I'll take content over "hip-looking, style-lade (Score:3, Insightful)
There's a grave tendency to mistake flamboyancy for style. Sortof the same mentality that uses the BLINK tag for emphasis!!
Re:I'll take content over "hip-looking, style-lade (Score:2)
That's funny, because that's exactly the color scheme I have mine set to. Of course, that's because it's easy on the eyes.
Re:I'll take content over "hip-looking, style-lade (Score:1, Interesting)
Style matters a lot, but I find it stylish to have a website with a clean look, not all kinds of fancy (read 'hip') colors and stuff. The same reason I like the look of for example XFCE over Windows XP. I know it's comparing apples to pears but XFCE generally looks clean and quite frankly attractive though be
Re:I'll take content over "hip-looking, style-lade (Score:2, Informative)
Are you aware that "The U.S. Census Bureau says that
more 49.7 million people have a disability or some sort of long
lasting condition. Of these 49.7 million people, 9.3 million have a
hearing or vision disability and 12.4 million of them have a condition
related to cognition or difficulty in learning"? Due to advances in health, the world population is getting ol
Re:I'll take content over "hip-looking, style-lade (Score:1)
Re:I'll take content over "hip-looking, style-lade (Score:2)
However, reduces the whole argument to a false choice (the fallacy of the excluded middle, for the left-brainers).
I don't think even the original anonymous poster is advocating eliminating style altogether--instead, (s)he rails against style that gets in the way of content. A successful d
Re:I'll take content over "hip-looking, style-lade (Score:1)
Actually, style without content doesn't have to be useful. I mean, why do people like to go see art in a museum, cause it's useful?
I visit sites like css Zen Garden [csszengarden.com] and CSS Beauty [cssbeauty.com] to check out nice designs. I couldn't care less what the site content is about.
Re:I'll take content over "hip-looking, style-lade (Score:2)
I particularly enjoy CSS Zen Garden. It wasn't until I saw this site that CSS really clicked for me.
Re:I'll take content over "hip-looking, style-lade (Score:2, Funny)
Re:I'll take content over "hip-looking, style-lade (Score:3, Insightful)
Don't know about that, but the read-the-article-before-commenting generation might disagree with you. According to the review, this book seems pretty chock full of useful content.
By the way, nice HiP-LoOkInG, sTyLe-LaDeN comment!
Re:I'll take content over "hip-looking, style-lade (Score:1, Informative)
MTV
Get it?
Re:I'll take content over "hip-looking, style-lade (Score:2)
-"duh" - get it?
Re:I'll take content over "hip-looking, style-lade (Score:1)
Re:I'll take content over "hip-looking, style-lade (Score:2, Insightful)
As a database-developer/web-site coder I often get asked to provide the design as well. Often I outsource the job, but only because I don't feel comfortable providing a professional looking design. Sure it might meet all the web standards - but it looks boring as bat-shit.
Anyone got any recommendations for design books for coders... not so much "HTML for dummies" as "Web-Design for Geeks"?
Re:I'll take content over "hip-looking, style-lade (Score:1)
I'd have to agree...I could use some pointers in the artistic realm to complement the standards-based coding I already know how to do.
Unfortunately, I don't think that the artistic sort of thing is quite as easy to get from a book, or to put into a book, for that matter. But even a few ideas to point me in the right direction would be nice...
Re:I'll take content over "hip-looking, style-lade (Score:2)
Re:I'll take content over "hip-looking, style-lade (Score:1)
take a look in the book (Score:3, Insightful)
concept-bound book. It is meant to provide
practical guidance and solutions to the most
common Web design issues dealt with by Web
designers.
Each topic is richly expressed with clear and
straightforward text, illustrations,
screenshots, and sidebars on a variety of
related matters. There are sidebars throughout
titled "FAQs" and "Geekspeak," explaining
concepts or terminology for the
less-knowledgeable reader."
So another HTML for dummies?
Re:take a look in the book (Score:1, Insightful)
Re:take a look in the book (Score:2)
Re:take a look in the book (Score:2, Insightful)
The only well-presented websites are not only presented by, but composed by professional web programmers?
I'd have to think that there are at *least* one or two people out there that are smart, but don't know anything about web scripting. Probably.
Re:take a look in the book (Score:1)
review? (Score:2, Insightful)
Re:review? (Score:2, Insightful)
Re:review? (Score:2, Insightful)
Thinking of Us (Score:5, Funny)
Re:Thinking of Us (Score:2, Funny)
This just in: Apple sues publisher for use of a picture of a guitar and the word "Garage", allegedly infringing on their GarageBand [apple.com] software.
In related news, I am posting this from a Mac. Please, please, folks, don't murder my karma.
Signing off... this is Amazing Fish Boy... wishing you and yours... a fine evening.
Wait a minute.... (Score:4, Funny)
Books too?
Re:Wait a minute.... (Score:1)
Re:Wait a minute.... (Score:2)
Books too?
Web designers get to use Macs to build websites with a "Search the web" Google box.
It's a cool-by-association thing.
This is just another tutorial. (Score:2, Informative)
Re:This is just another tutorial. (Score:1)
If I need to find which attribute values go with which tag, I just Google.
Re:This is just another tutorial. (Score:2)
"is targeted at the "garage" level designer: small business professionals, hobbyists, and technophiles."
Re:This is just another tutorial. (Score:2)
But the guy that actually read the book says specifically:
This is not a primer, tutorial, or concept-bound book.
I know a lot of
ugh.
Designing With Web Standards (Score:5, Informative)
Reading this review, instantaniously Designing With Web Standards by Jeffrey Zeldman [zeldman.com] sprang to mind. It has also been reviewed on slashdot here. [slashdot.org]
I don't want to be looking down on the book by saying this but judging by the review it sounds like Web Design Garage is kind of a light version.
Re:Designing With Web Standards (Score:1)
Personally I found Zeldman's book less than practical. It's good background material on the browser wars and the current state of accepted page layout best practices. It's very css oriented and for practical insight into page layout using css you can't do better than Eric Meyer on CSS [ericmeyeroncss.com], except perhaps for his more recent book.
Web Design Garage covers more than just css layout. The telling comment is perhaps There are many books available on basic Web design, but this one is unusually clear and well-expresse
And most importantly (Score:5, Funny)
Such a heavy book must contain lots and lots of usefull information!!!!
Re:And most importantly (Score:1)
thick glossy paper...
Re:And most importantly (Score:2)
Imagine my surprise (Score:3, Informative)
What you say? (Score:2, Insightful)
Don't take this as redundant, but since when were web design books "hip" at all? Most beginners in my view would simply want clear concise instructions, and clear concise instructions don't need to be dressed up or "style-laden", the aesthetics of the book are perhaps of the least importance to I daresay ANY web designer.
XMLHttpRequest? (Score:2, Informative)
Re:XMLHttpRequest? (Score:1)
Re:XMLHttpRequest? (Score:1)
google this:
XML httprequest object site:developer.apple.com
Re:XMLHttpRequest? (Score:1)
Re:XMLHttpRequest? (Score:2, Informative)
Re:XMLHttpRequest? (Score:2)
Re:XMLHttpRequest? (Score:2, Informative)
Re:XMLHttpRequest? (Score:2)
If you want to interact with a database, you have to add a web page that does that. I strongly suggest adding a back-end to your website that just dumps out the data you want as a Javascript object, and use "eval" to read it in, as that is by far the fastest and most flexible approach. (XML is great and all but in my experience on Mozilla the XML parser can nail you for entire seconds worth of time, which is unacc
Re:XMLHttpRequest? (Score:2)
AJAX Considered Harmful [intertwingly.net]
Re:XMLHttpRequest? (Score:1)
Re:XMLHttpRequest? (Score:1)
Re:XMLHttpRequest? (Score:1)
that's true, but do you have a better idea and implementation (with a massive installed base)?
Re:XMLHttpRequest? (Score:1)
don't get me wrong, i wholeheartedly AGREE! this would have been a lot easier before the
Re:XMLHttpRequest? (Score:2)
> web not this hacked together javascript nonsense.
And where have you been for the last 5 years...?
http://www.w3.org/TR/DOM-Level-2-Events [w3.org]
If you need an HTML/CSS/XML primer (Score:5, Informative)
http://www.w3schools.com/ [w3schools.com]
Good stuff, easy to navigate, covers the basics, free.
Wow. You people are disgusting (Score:4, Insightful)
For some reason, most geeks think that anything that looks good is somehow 'below' them. That's why there hasn't been a good-looking Linux desktop GUI yet
Re:Wow. You people are disgusting (Score:1)
Agreed, but such things ARE pretty rare in this plastic, dippy world. Tech people can be pretty prejudiced against the artistic world. People like me who straddle both worlds can have a rough time.
Personally, I wuv my Macs, but I'd like to buy a really UGLY computer some day. :-)
Re:Wow. You people are disgusting (Score:1)
So thats what I have been doing wrong all this time.
Re:Wow. You people are disgusting (Score:2)
You know, I have no problem putting style over content.
Art is what inspires man. If it were up to the content-nazis, we'd be nothing more than machines... processing data all damn day.
Art inspires imagination. Imagination drives brilliance. Brilliance drives innovation, and innovation drives society.
The Renaissance saved humanity.
Re:Wow. You people are disgusting (Score:1)
Re:Wow. You people are disgusting (Score:1)
The language used is at times awkward, and you get the idea that the author has used a thesaurus to try and drop some interesting words in place of more commom ones. It suggests to me that he/she is actually quite young.
The review just way too vague, and reminded me very much of a school book review where it's obvious the student hadn't even read the book, just looked at t
Building the perfect personal ad site... (Score:2, Funny)
Re:Building the perfect personal ad site... (Score:2)
You have been validated. Please show your validation to the attendant before leaving the garage. Have a nice day.
at least it cheap (Score:2, Interesting)
Cool Factor . . . (Score:4, Informative)
On the other hand the w3.org [w3.org] maintains a bang-up bunch of white-papers on all web-related technologies. Nothing say's nerd like volumes of loose-leaf white papers falling out of your attache case . . .
Re:Cool Factor . . . (Score:2, Interesting)