[Review] The Smashing Book

Smashing Magazine one of the best design blogs on the internet, known for its lists of inspiration, design examples and tutorials recently published a book, The Smashing Book. At the website smashing magazine the community had decisions on the topics for the book, a new way of getting the potential readers into this book. The authors of Smashing Magazine combined forces and wrote this great book.

The Smashing Book

The Smashing Book
In summary the book is about everything you need to know to create websites, from design, typography, layout, color usage, interface design, coding, branding, web-development and much much more. At the end of the book is an interesting topic; Learning from experts, which includes interviews and insights on common topics when designing and creating websites. The last chapter is the Smashing Magazine Story, Sven Lennartz and Vitaly Friedman go deeper into how Smashing started and where it is today and in the future.

The first pages show the table of contents which is a bit to short for me, headlines only. What interests me is what I can learn at the chapters of the book. If I want to use this book as reference guide when working on a project I quickly need to find the information and how I can learn from that. Here’s mine interpretation of what you will learn from The Smashing Book.

The Smashing Book

The Smashing Book

1. User interface design in modern web applications

Dmitry Fadeyev talks about the theory as well as the practical techniques involved in visual interface design, starting with the basics characteristics of interface design to how information is adapted combined with many examples.

2. The art and science of CSS-Layouts

Jacob Gube and Kayla Knight go deeper into the need and basics designing websites in CSS layouts. They discuss four types of layouts: fixed-width, fluid, elastic and hybrid, all accompanied by examples and DIY CSS code. In conclusion they give well advise on what to choose for your next web design.

3.(Web) Typography: Rules, guidelines and common mistakes

This chapter describes methods and techniques for typography on the web and what characteristics are best practice for (large) content websites in readability, line length and line height as well as a short typographical terms index. The chapter goes deeper into the balance in typography within design, placement and legibility, with examples and most popular typefaces available. Further on in this chapter the authors Alessandro Catteneo, Yves Peters and Jon Tan talks about text replacement techniques and how that can benefit your design. Great read!

4. Usability principles for Modern Websites

Andrew Maier and David Leggett takes it deeper into the principles of an usable website design by setting out the characteristics on what is important and to whom it concerns. This chapter is accompanied by many examples and practical tips to create an usable website design.

5. The ultimate guide to fantastic color usage in web design, usability and experience

What an enormous title Darius A Monsef IV came up with, anyway this chapter tells you about color in web design. This chapter is full of examples and color wheels but it is not really learning you anything about color or how to use color wheels in website design.

6. Performance optimization for websites

Rene Schmidt tells about techniques on how to improve the website performance with short and practical examples. A bit too technical for me.

7. Design to sell, increasing conversion rates

Dmitry Fadeyev wrote this great chapter on focus and placement. With practical tips the author talks about the AIDA sales funnel and how to get website visitors into buying something from your website.

8. How to turn a site into a remarkable brand

Chris Spooner takes it step by step in how to create a website that sticks… With many examples and principles this chapter tells you how to create your own brand.

Learning from the experts: Interviews and Insights

The Smashing Book
Steven Snell got together with over 20 expert designers and developers to share their knowledge and philosophy in design topics. The panel discusses the following topics design & development, the design process, self improvement and skill development and business and freelancing. A true gem of the Smashingbook where designers give their opinion and practical tips on the process. Everything wrote in a very accessible way. #mustread

Behind the curtains: The Smashing Magazine Story

The last chapter is devoted to the Smashing Story, Sven Lennartz and Vitaly Friedman talks about the start up of The Smashing Magazine and how everything evolved to where SM is today.

Book vs online

The Smashing Book
The Smashing Magazine (online) is a great resource of information when you are into learning design, typography and inspiration. The book is a reflection of the online information but more in an educational manner and you will pick up the book more likely to learn something and use it effectively. With online media you quickly scan the pages and move on, therefore I believe the book will be a huge improvement for spreading knowledge and will become a springboard for those who are interested in this field.

I hope SM will continue to publish the great online content and start series of Smashing books with practical learning content.

Hardware quality and size of the book

The Smashing Book
After two weeks of intense reading the Smashingbook seems to fall apart, the binder is very though, this makes it hard to open pages and lay the book beside the computer to type in the example code or check a reference online. To my opinion the book is a bit too small for its content, great content but it doesn’t read very easy. I would suggest for future books to use a larger book size, less pages and more white space on the pages.

Conclusion

The Smashing Book is a great, really great book for everybody who is interested in design and web-development. Especially the typography and learning from the experts chapters where inspirational resources to me. The content is great but I believe the layout of the pages should be as a book. Support the Smashing Magazine Book by ordering your copy and I hope SM will continue the concept of bringing the content by book.

Availability of The Smashing Book

Currently the Smashing Book is available through the SM website shop for $29,90 or €23,90 and payment is processed with many available options such as creditcard and paypal.

Did you buy they book, please share your opinion about the Smashing Book in the comments, thank you in advance!

Type a comment

29 Responses to “[Review] The Smashing Book”

Vince
December 29th, 2009

Nice review Sander, great descriptions about the chapters. I love reading the book to get some more indepth information about the work I do. Makes it that much easier to explain it all to my clients and myself, hehe.

On a side note; they really did disappoint me with their delivery times. From pre-order to actual delivery was like 5 months, ridiculous.

1.

favSHARE
December 29th, 2009

This article has been shared on favSHARE.net. Go and vote it!

2.

Sander Baumann
December 29th, 2009
designworkplan admin

Thanks Vince - for your comment. I agree with you on the waiting time, but sometimes some elements are out of direct control in order to live up to the expectations. Good to hear you are using the book in a professional manner, good luck and happy holidays.

3.

Derek
December 29th, 2009

Next time, have someone else write the article. It reads horrible. Typos and errors riddle this page.

4.

Dan Grossman
December 30th, 2009

Got my copy in the mail (after months of waiting as well) but haven’t started reading it. It’s so poorly designed from a publishing standpoint that it turns me off from wanting to. You have to apply so much force just to hold the book open wide enough to read anything, the text is too small, and the thickness of the paper and size of the book make it impossible to straighten out the pages while reading. They’re always curved towards the binding.

5.

Michael
December 30th, 2009

I’d review mine, but I have yet to actually receive it, you know, after nearly a month after it shipped, and a few months after it was ordered.

Complete lack of professionalism and forethought by Smashing Magazine team, and they’ll receive no such further support from me.

6.

Vin Thomas
December 30th, 2009

I thought the same thing about the book falling apart. I like how the “Dig Into WordPress” book that was just released in print is done in spiral binding. It might not be as pretty, but at least it won’t fall apart.

Even still I want to get this book.

7.

George
December 30th, 2009

The entire book project, from front to back, shows that the creators know a lot about online presentation and production, but rather little about print media.

All the delays, which print designers normally know to be aware of, pushed back their “anticipated” ship date by months.

The book is set in a sans-serif font … which is normally ideal for web, with its ~72 dpi resolution, but with print media > 300 dpi, serifs really make print matter more comfortable for the eye to read.

Also, in web, you normally make margins mirrored. It’s just obvious. But, with printed books, perfect-bound and other methods, mirrored margins are the way to go. You want to give the inner margin a larger amount of space than the outer, so that the reader doesn’t need to break the binding of the book, in order to read what’s on the inner part of the page.

All in all, I am quite content with the content (Grade: A+), and quite embarrassed by the presentation (Grade: C).

8.

George
December 30th, 2009

Edit: Also, in web, you normally don’t make margins mirrored.

9.

Rob
December 30th, 2009

Thanks for reviewing. I’d like to comment on it also but like so many others I still haven’t recieved my copy, and as a regular reader of their website I’m not that excited about getting the book as it sounds like I’ll have read most of what’s in the book already.

10.

Alex Blundell
December 30th, 2009

Thanks for the review. It’s speared me on to actually read mine. I’ve opened it once but not read any of it due to the rediculous size of the book.

I thought it would at least be A4/letter size. It’s a pain in the ass to keep the book open.

I’m sure though that the contents will be great though… when I read it

11.

Cousin Vinny
December 31st, 2009

Nice review. Like other commentators here, I haven’t received my copy yet. :( I’m in the U.S., btw. Kinda disappointing, as I was hoping to read the book during my winter break before I return to work.

12.

kirkoconnor
December 31st, 2009

I am eagerly awaiting my copy but a bit surprised now that they didn’t research the printed book issues more thoroughly.

Isn’t that why we are all buying the book - to make sure we thoroughly research the web content design thoroughly ?

Perhaps they need to eat their own dogfood to quote a Google phrase !

13.

Design Informer
December 31st, 2009

Really nice book review. I’m still working on finishing the book and I plan on writing a review as well. I definitely agree with you about the size. I would love to see a bigger font and a bigger book.

A good idea is what Chris Coyier did with his recent book. He made it have a spiral binding. This would have been excellent to have for the SmashingBook.

14.

Sander, thank you very much for the objective and professional review. You indeed provided a very extensive overview of the book, its content and its quality. Thank you for you time.

@Vince, @Dan Grossman, @Alex Blundell: we are aware that the whole shipping delays story was a big disappointment, it definitely damaged our reputation and we will have to regain it in 2010. We are aware that we made some unprofessional mistakes with the print, and we will do our best to make sure that next editions of the Smashing Book are professional from the traditional print publishing standpoint. 5 months was indeed a ridiculously long waiting time and we are aware that it was also our fault. We are already working on some improvements to make sure that it won’t happen again.

However, we think that we did a quite good job in terms of editorial and content. There are some light typing errors in the Table of contents, but apart from that the content should be a goldmine for designers and developers.

@Vin Thomas: your point ic valid, however you need to understand that our goal was to make the book affordable for everybody worldwide. $67 for print+pdf (“Digging into WordPress”) is a price that most developers from India can not afford. It was very important for us to keep the price as low as possible. Unfortunately, the result was that the binding wasn’t appropriate. However, we will improve the binding in the second edition.

@Design Informer: a spiral binding would drastically increase the price of the Smashing Book, and we didn’t want it to be expensive.

Overall, thank you for your feedback and comments. We pay attention to your feedback and we will make sure to improve the quality of our work in 2010.

15.

Sander Baumann
December 31st, 2009
designworkplan admin

Thank you Vitaly Friedman (editor-in-chief of Smashing Magazine) - very much for taking the time to respond, very appreciated. I hope people can see beyond the form of the book and concentrate on its great contents, a true added value for the design and web-development community.

Thanks again and good luck, I’m sure it will be a Smashing 2010 for you and the team, keep it up!

16.

Alex Blundell
December 31st, 2009

Thanks Vitaly Friedman for your thourough reply, Regarding the cost if the book I actually agree with you. I have just moved house and had the book been much more expensive I would have definately thought twice about buying it. Put it into perspective really!

Thanks again

17.

Dan Grossman
December 31st, 2009

@kirkoconnor That’s NOT a Google phrase! It predates Google’s existence.

18.

Robin Parduez
January 5th, 2010

I got the book but I haven’t started reading it yet. After flicking through the pages, it looks pretty good, but I totally agree with others that the book is too small for this type of content and it’s not easy to lay on a table next to your computer if you want to follow examples.

19.

Rizwan Reza
January 8th, 2010

I’ve also reviewed this book on my blog: http://rizwanreza.com/2010/01/08/the-book-that-smashed-my-expectations.

I do agree with what you say, but I thought of a better book from them. I know they’ve done a fabulous job with content and layout, but a design book should be everlasting.

20.

Type a Comment





Type a comment


Trackback
12-29-2009
1.
12-29-2009
2.
12-29-2009
3.
12-29-2009
4.
12-29-2009
5.
12-29-2009
6.
12-29-2009
7.
1-27-2010
8.
1-28-2010
9.