Gallery / The Principles of Beautiful Web Design« previous | next »
The Principles of Beautiful Web Design
Current rating: 4.8 (558 votes)
Thank you for your vote!
- Added: 15 March 2007
- Designer: Jason Beaird
Review:
I’m quite jealous of Jason Beaird. Not only because he has design skills that exceed my own, but also because he's the author of an impressive-looking new book, which this site is based upon.
I was immediately attracted to the many qualities of this website. From its chilled blue colour scheme to the big friendly two column layout, it oozes quality. Even the unusual hand-drawn typeface works without detriment to the design.
However the real “wow” factor becomes evident when you move your mouse over the navigation links, or click them. The unique visual prompts have been thoughtfully designed and portray a friendly, hands-on approach which I imagine fits the aura of the book like a tailor-made glove. Personally I would have removed the hover effect and left it to click only, but that's something and nothing.
A peek under the bonnet doesn’t disappoint. Clean code and decent semantic structure runs throughout, and I couldn't see a shred of inline JavaScript cluttering the body markup, which is great. The site validates to XHTML Strict, although sadly the CSS just misses the mark.
Overall thought a great, albeit small website that communicates effectively with its target audience.
Reviewed by Steve Tucker
Designing with Web StandardsThere are 7 guest comments so far.
Gallery by month:
- August 2008 [1]
- July 2008 [1]
- June 2008 [3]
- February 2008 [1]
- January 2008 [1]
- December 2007 [1]
- October 2007 [2]
- September 2007 [1]
- July 2007 [2]
- June 2007 [1]
- May 2007 [3]
- April 2007 [1]
- March 2007 [3]
- February 2007 [2]
- January 2007 [4]
- December 2006 [3]
- November 2006 [3]
- October 2006 [3]
- September 2006 [3]
- August 2006 [3]
- June 2006 [5]
- May 2006 [1]
- April 2006 [1]
- March 2006 [2]
- February 2006 [1]
- January 2006 [3]
- December 2005 [3]
- November 2005 [3]
- October 2005 [3]
- September 2005 [6]
- August 2005 [7]
- July 2005 [9]
- June 2005 [7]
- May 2005 [9]
- April 2005 [12]
- March 2005 [20]
- February 2005 [6]
- January 2005 [7]
- December 2004 [9]
- November 2004 [14]
- October 2004 [14]
- September 2004 [15]
- August 2004 [24]
Gallery by rating:
Gallery All Stars:
- 02.2008 | Satsu Design
- 01.2008 | FortySeven Media
- 12.2007 | Biola Undergrad
- 12.2007 | Marius Roosendaal
- 10.2007 | Marius Roosendaal
- 09.2007 | Cravattificio.com
- 07.2007 | Rikcat Industries
- 06.2007 | Team Viget
- 05.2007 | Oxford Hotel
- 04.2007 | the Geniant Blog
- 03.2007 | Dept. of Spanish & Portuguese, UC Berkeley
- 02.2007 | A-Film
- 01.2007 | nonstep radio
- 12.2006 | Word Of Sport Bookshop
- 11.2006 | Syd Lieberman
- 10.2006 | C-Ville
- 09.2006 | Yes Insurance
- 08.2006 | Exozet
- 06.2006 | Hellgate: London
- 05.2006 | Dalit Freedom Network
- 04.2006 | Jakub Krčmář
- 03.2006 | Veerle's Blog
- 02.2006 | UX Magazine
- 01.2006 | E-knjige.net
- 12.2005 | The John Carroll School
- 11.2005 | Kutztown University
- 10.2005 | 31Three
- 09.2005 | Derek Powazek
- 08.2005 | A List Apart
- 07.2005 | Avalonstar
- 06.2005 | 9rules
- 05.2005 | folietto
- 04.2005 | web.burza - Superhero Edition
- 03.2005 | Joshuaink
- 02.2005 | Brother Jones Artwork
- 01.2005 | badboy.media.design
- 12.2004 | Mezzoblue
- 11.2004 | Shaun of the dead
- 10.2004 | Hicksdesign
- 09.2004 | Small Transport
- 08.2004 | Justwatchthesky
Comments / recent
About dan friml: The layout is good and also cplors are pretty....
[more]
About dan friml: looks like photoshop barfed on a canvas. The way h...
[more]
About dan friml: Bellissima l'immagine relativa al logo di Artworks...
[more]
About dan friml: Overall a nice looking site. Two points of improve...
[more]
About dan friml: This design definitely brings something to the tab...
[more]
Search
Features
- Stylegala BookStore
- The Stylegala BookStore has a massive archive of great books for you as a professional..
- Bullet madness
- Bullet madness is a list of 200 bullets, arrows and icons uploaded by our users.
- CSS Reference
- An alphabetical list over the most common CSS1 and CSS2 syntax and properties.
Sponsors
Yeah, a beautiful one. A different concept. But i wonder whether, it's worth mentioning here?
Hi sorry if you submitted an earlier comment, the comments got dumped when the review was re-submitted.
There were some great comments about the site including one from the sites author Jason Beaird. Checking to see if the page can be restored to include those earlier comments.
I love the site, and was in complete agreement with Steve on this pick. A good portion of the book is available as a free download over at Sitepoint.com. Click the link from the book site to get there.
Really a good Job! Nice site, easy on the eye and straight to the point - the concept is the clou! "...Made you look: Red Stimulates..." :-)
The cool thing about this "mini-site" is that Jason had to crank it out pretty quickly. I think it speaks a lot about his skill. See what I'm talking about here: http://www.jasongraphix.com/archive/2007/02/i_wrote_a_book
Thanks for the positive feedback everybody. My goal was just to create a fun marketing site with a design that demonstrated some topics from the book. Although I didn't have much time, I'm happy with how it turned out and was excited to see it pop up on Stylegala! PS - The CSS validates just fine. :)
Jason,
This mini-site is innovative and appropriate. It was cleverly done! I like how the site is not overdone with javascript animations, and how simply the pertinent info is presented.
I am a huge fan of SitePoint. I downloaded a sample of your book and I am very impressed at how chalk full of examples the book is. Instead of theoretical speak about design, the examples from the "wild" help drive home your ideas.
Nice touch on the header and nav elements, enforcing the book as you browse the site.