HN Books @HNBooksMonth

The best books of Hacker News.

Hacker News Comments on
Bulletproof Web Design: Improving Flexibility and Protecting Against Worst-case Scenarios With Xhtml and Css

Dan Cederholm · 2 HN comments
HN Books has aggregated all Hacker News stories and comments that mention "Bulletproof Web Design: Improving Flexibility and Protecting Against Worst-case Scenarios With Xhtml and Css" by Dan Cederholm.
View on Amazon [↗]
HN Books may receive an affiliate commission when you make purchases on sites after clicking through links on this page.
Amazon Summary
Provides information on successfully designing a Web site using XHTML and Cascading Style Sheets.
HN Books Rankings

Hacker News Stories and Comments

All the comments and stories posted to Hacker News that reference this book.
besides by "doing it" I say bulletproof web design is a good book to start with. http://www.amazon.com/Bulletproof-Web-Design-flexibility-pro...

javascript- the good parts could also be helpful http://www.amazon.com/JavaScript-Good-Parts-Douglas-Crockfor...

www.jquery.com smashingmagazine.com ajaxian.com

all helpful

I'm not sure I know exactly what you mean by web design. So lets start there.

a. The look: the graphic design of the page.

b. The interaction: Usability and UX

c. Designing and coding with good software design principles.

d. Some thing else?

I can point you to some good books for b. or c., however a. is the holy grail. I have never found a good book on web design from a graphic design perspective. That said Ill share with you what I would consider the closest I have found.

----------------------------------------------------------

a. (Web site Graphic Design)

* The non Designer's design book - http://www.amazon.com/Non-Designers-Design-Book-Robin-Willia...

* Visual Language for Designers - http://www.amazon.com/Visual-Language-Designers-Principles-U...

* Tuft's Envisioning Information - http://www.amazon.com/Envisioning-Information-Edward-R-Tufte...

* I have found some good online articles http://delicious.com/csmeder/ux

----------------------------------------------------------

b. (Usability and UX)

* Web Form Design: Filling in the Blanks - http://www.lukew.com/resources/web_form_design.asp

* The Design of Sites: Patterns for Creating Winning Web Sites - http://www.amazon.com/Design-Sites-Patterns-Creating-Winning...

* And again Tuft's Envisioning Information - http://www.amazon.com/Envisioning-Information-Edward-R-Tufte...

* Information Design Workbook http://www.amazon.com/Information-Design-Workbook-approaches...

----------------------------------------------------------

c. (software design and coding)

* Bulletproof Web Design - http://www.amazon.com/Bulletproof-Web-Design-flexibility-pro...

* Handcrafted CSS - http://www.amazon.com/Handcrafted-CSS-More-Bulletproof-Desig...

* jQuery in Action - http://www.amazon.com/jQuery-Action-Second-Bear-Bibeault/dp/...

ewoodh2o
I found the SitePoint book "The Principles of Beautiful Web Design" (http://www.amazon.com/Principles-Beautiful-Web-Design/dp/097...) to be very informative as well. It's a great introduction to a lot of different aspects of design that programmers generally don't think about when trying to mimic more professionally-designed sites. I read it two years ago, and it was a bit easier to digest at the time because most of the designs presented still felt current.

However, keep in mind that while the designs presented in many of these resources may look outdated, the principles behind them are solid. Tastes and trends may change, but running through a few Photoshop tutorials will get you up to speed on the execution of the latest styles. More importantly though, design basics such as readability, whitespace, proximity, alignment, proportion, color, texture, etc are timeless. If you can distill those important aspects from the materials you're reading, you'll be much better off in the long run than if you just try to copy techniques from whatever the most modern resource currently is.

jamesbritt
(a) is quite the tough one. Large part of the problem is taste. You need it, as does the author of any guidelines, and you and the author need to be in sync.

Worth looking into are grid layouts, and CSS frameworks that making working with grids easier. I'm a fan of 960gs, but there are a few good ones.

http://www.thegridsystem.org/

http://delicious.com/jamesbritt/Grid

DenisM
I suggest you read the non-designers design book. A lot of it is pure math - colors, alignment, contrast, repetition, and proximity. Even if you won't learn how to design you will learn to tell good design from bad, and what makes it so.

Stay away from Kindle version though - in a twist of irony the book's layout has been severely corrupted, serving more as an anti-example to its own content.

daleharvey
great list, thanks

I wrote a blog post the went very briefly about design tips for programmers

http://arandomurl.com/2010/07/07/design-tips-for-programmers...

there is also a few linked resources from there, the video and the book at the end are really good.

csmeder
Ha, yes I liked it. In fact your actually part of the list above under:

I have found some good online articles http://delicious.com/csmeder/ux

barmstrong
Added yours to this list (with some voting) in case anyone is interested:

http://buyersvote.com/categories/the-best-books-to-learn-gra...

caffeine
Excellent! What a helpful list. This is one of my major stumbling blocks as a programmer trying to build usable apps.
irondavycole
For (a) I would recommend Mark Boulton's book, Designing for the Web, which is available free online:

http://designingfortheweb.co.uk/book/index.php

It has really competent sections dedicated to aesthetics: typography, color, and layout. That he made it free is unbelievable. It's a resource I always recommend to the developers I work with (I'm a designer) who want to understand more about design.

photon_off
Here are some other related websites that might interest you:

http://www.moreofit.com/similar-to/?url=http%3A%2F%2Fdesigni...

HN Books is an independent project and is not operated by Y Combinator or Amazon.com.
~ yaj@
;laksdfhjdhksalkfj more things
yahnd.com ~ Privacy Policy ~
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.