Menu Search
Jump to the content X

The Smashing Book 2 Is Available: Get Yours Now!


The Smashing Book 2 is here. It’s printed (+ free eBook). It’s available651. And it’s being delivered worldwide at this very moment as you are reading this. All pre-ordered books have been sent out from our warehouse via air mail and should reach all countries soon. In fact, some readers have already2 received3 a copy4 of the5 book6. What didn’t work the first time with the Smashing Book 1 has been hopefully accomplished this time. We’ve worked very hard to produce a high quality, valuable book for you, guys. So here it is, the brand new printed hardcover Smashing Book 2.

Smashing Book 2

Smashing Book 27

Smashing Book 28

What’s In The Book? Link

The Smashing Book 2 is a printed book about best practices in modern Web design. The book shares valuable practical insight into design, usability and coding. It provides professional advice for designing mobile applications and building successful e-commerce websites, and it explains common coding mistakes and how to avoid them.

You’ll explore the principles of professional design thinking and graphic design and learn how to apply psychology and game theory to create engaging user experiences. We also feature interviews from experts on the future of Web typography and describe how you can publish a book on your own.

Well-respected professionals have worked with us to provide exciting and comprehensive chapters:

  • “The Principles of Great Graphic Design,” Matt Ward and Alexander Charchar,
  • Visible vs. Invisible Design (free PDF sample)9”, Francisco Inchauste,
  • “Designing Mobile User Experiences,” Mike Rundle,
  • “Sketching, Wireframing and Prototyping,” Janko Jovanovic,
  • “Red Flags in Web Development,” Christian Heilmann,
  • “The Future of Web Typography,” Vivien Anayian,
  • “Game Design Techniques Applied to UX Design,” Christoph Kolb,
  • “When They Click: Psychology of Web Design,” Susan Weinschenk,
  • “Design Patterns on E-Commerce Websites (A Study),” Steven Bradley,
  • “How to Make a Book (Like This One),” The Smashing Magazine Team.

You will find more information below, and you can read a sample chapter—“Visible vs. Invisible Design10” (PDF, 5.6 MB) by Francisco Inchauste—for free.

Exclusive Artwork for the Book Link

The Smashing Book 2 features exclusive full-page illustrations for each chapter. And this is something special we’ve got for you. The illustrations were created by the talented Australian illustrator and our dear friend Yiying Lu, who is well known as the designer of the famous “Twitter Fail Whale11.” She has designed an exclusive new series called “Smashing Animals” for this book. (And by the way, you can purchase it as wall art on Yiying’s website12.)

Smashing Book 213

The Names of Our Readers and an Exclusive Poster Link

In November 2010, our readers and fans had the opportunity to add their names to the book14. We sorted through all of the participants alphabetically and created an exclusive double-page feature on pages 6 and 7. Overall, 2970 names form the “S” in Smashing—ASCII art at its best.

We’ve selected the winners of the A3 poster15 (.txt) as promised. And to make the poster a bit more special, we decided to put the entire contents of the book—every single word—in the poster. Take a look at the (large) preview16 of the poster (JPEG, 8 MB). The posters are being sent out at this very moment.

The Smashing Book 2 Is Available Exclusively In The Smashing Shop Link

… and nowhere else. The Smashing Book 2 is a hardcover book (the ebook is uncluded and free) with quality stitched binding, 360 pages and a size that is a bit larger than its predecessor. The price is again just $29.90 (23,90€). Also, we want to make the book affordable for everyone, so Smashing Magazine will pay the shipping costs and ship the books for free, no matter where you live in the world.

The new Smashing Shop.

And it gets even better: the book will be sent only via air mail (except within Germany). Delivery will take between 3 and 15 working days at most (you can check delivery times for your country17), and it will ship from Freiburg, Germany. Of course, if you are not satisfied or have questions, there is a 100-day money-back guarantee  in our Smashing Shop.

But That’s Not All, Right? Link

Right! Initially, the book was supposed to contain more chapters, but because most of our contributors delivered (much) more content than the book’s size could accommodate, we couldn’t include it all. (We could have added more pages, but then shipping costs would have increased significantly.) So, we are releasing four chapters as a free bonus eBook, called “The Lost Files.” This 140-page eBook is now available in PDF, ePUB and Mobipocket formats. Every registered user can download the book for free, no strings attached.

To download your free copy, just register in the Smashing Shop18 and go to My profile → My downloadable products. You can download the free eBook there. Again, you don’t have to buy anything: registration is free and takes just 30 seconds.


The free bonus eBook contains the following exclusive chapters:

  • “The Ultimate Web Design Questionnaire and Checklist,” by Kat Neville,
  • “Plagues in Web Design and How to Deal With Them,” by Speider Schneider,
  • “Interviews: Expert Tips From Renowned Designers,” by Steven Snell,
  • “Web Design Community: Where Are We Going?,” by Paul Scrivens (Drawar).

Features Of The Book Link

  • Solid hardcover,
  • Quality stitched binding with a red bookmark,
  • 360 pages with full-color images on coated paper,
  • Free eBook included
  • Free air mail shipping
  • Worldwide availability
  • Smashing packaging
  • Risk-free purchase with a 100-day money-back guarantee,
  • Free eBook with four bonus chapters (140 pages),
  • Buy the book now!20

A Closer Look At The Book’s Chapters Link

Chapter 1: The Principles of Great Graphic Design, by Matt Ward and Alexander Charchar
This chapter looks at some key concepts of graphic design as they relate to modern Web design. It looks at a number of the central elements and methodologies that drive the act of designing itself, and it discusses the sometimes subtle but always significant divide between the merely good and truly great. You can read details about the writing of this chapter in Alexander Charchar’s article “Working Hard to Leap Buildings21.”

This chapter is about: The meaning of graphic design. The difference between good and great design. Timeless design. Relational minimalism. Importance of contrast, space and tension. Typography. Visual voice.

Chapter 1: The Principles of Good Graphic Design

Chapter 2: Visible vs. Invisible Design, by Francisco Inchauste
Basic principles and techniques of producing the visible layer of design in tools such as Photoshop are widely covered in books and online. Design is generally understood to be only what we see: a visual and primarily artistic medium of communication. However, the invisible part of design takes on several forms. When we design a website or application, we don’t (and shouldn’t) start from scratch. We start with certain patterns, and we need to understand their limitations in order to create effective solutions and experiences. Balancing invisible and visible designs enables us to create effective and meaningful interfaces for websites and applications.

This chapter is about: Seeing the invisible in design. Designing how users think. Mental models. Excise design. Design patterns and interface guidelines.

Chapter 2: Visible vs. Invisible Design

Chapter 3: Designing Mobile User Experiences, by Mike Rundle
The best apps work well, but building an app that looks good and works well isn’t easy. Designing a mobile app’s user experience is particularly challenging because it requires skill in a variety of disciplines: interaction design, graphic design, information architecture and ergonomics, to name a few. User experience design is a combination of disciplines, and so designing a fantastic mobile app calls for a combination of perspectives and skills.

This chapter is about: Building and selling apps. Peculiarities of mobile software. Principles of good app design. User interface design patterns for mobile apps. Visual design of mobile apps.

Chapter 3: Designing Mobile User Experiences

Chapter 4: Sketching, Wireframing and Prototyping, by Janko Jovanovic
Every design process starts with an idea. Many ideas, actually. The truth is, only a few of them prove to be good, and the others are just bad. Many people believe that they have an excellent idea and know the path to realizing it, yet most fail. And that’s not surprising, because having an idea is not enough. Knowing how to choose an idea, shape it and develop it is crucial to success. This chapter describes the process of moving from abstract ideas to concrete solutions and explains the workflow, tools and techniques available when designing websites and user interfaces.

This chapter is about: Design process. Ideation through sketching. Storyboards. Techniques and tools. Wireframing. Prototyping. Testing and refining.

Chapter 4: Sketching, Wireframing and Prototyping

Chapter 5: Red Flags (Warning Signs) in Web Development, by Christian Heilmann
We spend a big part of our lives working hard to clean up and maintain products, rather than building great things to make the lives of our users easier. That’s just the way it is. If your code is hard to clean up, then you’ll be eating up even more time in the already short development process. Discovering that the product you’re having trouble extending or fixing is your own from some time ago is all the more aggravating. That’s when you start thinking that something must have gone wrong along the way. Well, something has. A few things will make good solutions go bad and start to smell, and this chapter goes over them.

This chapter is about: Building for maintenance, not the moment. Why HTML and CSS code goes bad. HTML painting and convoluted CSS syntax. Issues with JavaScript and back-end code.

Chapter 5: Red Flags (Warning Signs) in Web Development

Chapter 6: The Future of Web Typography, by Vivien Anayian
In the foreword to The Elements of Typographic Style, Robert Bringhurst points out that the underlying principles of typography are independent of any particular typesetting medium. Yet it is only after almost 20 painful years of setting type on the Web that designers can finally breathe better and apply the essential elements of style without compromising on detail or execution. Recent years have been pivotal in shaping the future of typography on the Web; what was unthinkable only a few years ago has become possible today, and it will get even better tomorrow.

You can read details about the writing of this chapter in Yves Peters’ short article “Some Thoughts On Web Fonts22.” The following typography experts generously contributed their time and expertise for this chapter:

This chapter is about: Evolution of Web typography. @font-face. WOFF. The open-source type movement. Font licensing. Web font services. Current problems in Web typography. Fonts Module and CSS3. Exclusive interviews.

Chapter 6: The Future of Web Typography

Chapter 7: Applying Game Design Principles to User Experience Design, by Christoph Kolb
The ultimate goal of a business is simple: to engage as many people as possible in favorable interactions. These interactions could include buying a product, spreading the word, advertising or just generally becoming a fan. Such objectives clearly require us to explore paradigms and perspectives that go far beyond aesthetics and traditional user interaction. This is where game design theory comes in handy. We can apply game design to certain areas of interaction to create user experiences that engage people and bind them to the company. In this chapter, we will learn how to apply some of techniques and theories of game design to website design, user experience and business.

This chapter is about: Combining social psychology, game design theory and economics. Game mechanics: world, players and rules. Winning strategies for users and companies. Playbook and strategy for interaction designers. Game design techniques and real-life examples.

Chapter 7: Applying Game Design Principles to User Experience Design

Chapter 8: When They Click: Psychology of Web Design and User Behavior, by Susan Weinschenk
From the chapter: “I’m a psychologist by training and education. This means that I consider design in the context of the mental model of the user. Whether the design is of software, a website, a medical device, online instructions or product packaging, I can’t help but see it from a psychologist’s point of view. I enjoy applying what psychology research tells us about how people think, learn, play and work to design challenges. I take research and insight into the brain, the visual system, memory and motivation and extrapolate design principles from them.”

This chapter is about: Different views on design. The importance of social interactions. Unconscious decision-making. Social validation. Goal-gradient effect. Using distractions to grab attention. “Satisficing.” Mental models. Error handling. Inattentional blindness.

Chapter 8: When They Click: Psychology of Web Design and User Behavior

Chapter 9: Design Patterns in E-Commerce Websites (Study), by Steven Bradley
Designers of e-commerce websites have to take into account many things that designers of informational websites don’t. How to design the check-out process? How will the website establish trust so that visitors are willing to hand over sensitive credit card data? Common design patterns have evolved over time, and this chapter explores how well e-commerce websites match up with theory and best practices. What’s the average number of check-out pages for an e-commerce website? Do certain patterns emerge from the data to show how different websites approach such issues? Shopping websites were chosen and surveyed each based on a set of elements in several categories.

This chapter is about: Layout. Information architecture. Navigation. Color. Product, check-out and shopping cart pages. Wording and design of call-to-action buttons. Contact and support pages. On-site marketing.

Chapter 9: Design Patterns in e-Commerce Websites (Study)

Chapter 10: How to Make a Book (Like This One), by The Smashing Editorial Team
Holding your very own book in your hands for the first time is a truly remarkable experience. You suddenly realize that you’ve given your ideas—ideas conceived in some abstract state in your mind—a certain shape, a physical reality, making them tangible, visible and enduring. The feeling is overwhelming: it fills your heart with pride, in the way that a painter admires their creation. The feeling has not been alien to those who have participated in book manufacturing over the centuries, and yet experiencing it has never been so affordable and accessible as it is now.

This chapter is about: Printing a book on your own or with a publishing house. Writing, editing and preparing the book for printing. Pricing, marketing and fulfillment. eBook production: PDF, ePUB, Mobipocket. Print on demand.

Chapter 10: How to Make a Book (Like This One)

FAQ Link

Here are some frequently asked questions and answers related to The Smashing Book 2.

Contents and Format of The Smashing Book 2 Link

  • What’s the difference between The Smashing Books 1 and 2?
    Both books cover best practices in Web design and development, and they have similarities, but on a broad scale they cover different areas of design. Book 1 presents coding and layout techniques, color theory und UI design, while Book 2 covers psychology, designing for mobile devices, graphic design, wireframing and book production. They complement each other very well but are also distinct enough for standalone reading.
  • Is The Smashing Book 2 an update, a new edition or a completely new book?
    The content was written from scratch, specifically for the book. It’s a completely new book.
  • Is The Smashing Book 2 available as an eBook?
    Yes. It’s included. Mobi (Kindle), eBook and PDF.
  • What’s with the extra eBook (the “Lost Files”)?
    Initially, the book was supposed to contain more chapters, but because most of our contributors delivered (much) more content than the book could accommodate, we couldn’t include it all in the book. (We could have added more pages, but then shipping costs would have increased significantly.) Therefore, we released four chapters as a free bonus eBook called “The Lost Files.” The 140-page eBook is available in PDF, ePUB and Mobipocket formats. Every registered customer is welcome to download the book, even if they haven’t bought The Smashing Book 2.
  • Will the book be available in other languages?

Payment, Costs, Shipping Link

  • Can I get a bulk discount?
    Yes, of course! Please contact us at sales@smashing-media.com52. We will be glad to answer all of your questions!
  • What are the shipping costs for my country?
    W e’re paying the shipping cost ourselves to make it possible for anyone to purchase the book, wherever they are in the world. We don’t have any hidden costs and haven’t made any tricky calculations.
  • What are the delivery times for my country?
    All books will be shipped via air mail to keep the delivery times as short as possible. You can find the anticipated delivery time for your country in the delivery times overview53.
  • What payment methods are accepted?
    We primarily support PayPal, VISA, MasterCard and American Express. We use a secure connection, with 256-bit AES encryption and a GeoTrust Extended Validation SSL CA certificate.
  • Is there a money-back guarantee?
    Yes, absolutely! There is no risk involved. Our 100-day full money-back guarantee keeps you safe. Don’t hesitate to return your purchase. You’ll get your money back—no ifs, ands or buts about it.
  • I’m experiencing problems with the check-out?
    You can either check our Smashing Shop FAQ page54 or contact our live support team by clicking the “Chat” button in the upper right of any Smashing Shop page.
  • I have a problem not discussed here.
    Please leave a comment below, or contact our live support team by clicking on the “Chat” button in the upper right of any Smashing Shop page. We would love to help you any way we can!

Download the Free Media Kit, and Please Spread The Word Link

We’ve tried our best to make the book affordable and useful to every Web designer and developer worldwide. Please spread the word about The Smashing Book 2 in your blog posts and tweets. We really appreciate your support.

If you are planning to write an article about or to review The Smashing Book 2, please feel free to use the free Smashing Book 2 Media Kit55 (ZIP, 7 MB). The kit contains images, illustrations and photos that you might find useful for your article. Also, please don’t forget to tweet the link to the review with the hashtag #smbook2 so that we can track it and add it to our list of reviews. Your help is sincerely appreciated. Thank you for your time and help, guys!

Photos of The Smashing Book 2 Link

Smashing Book 256

Smashing Book 257

Smashing Book 258

Smashing Book 259

Smashing Book 260

Smashing Book 261

Smashing Book 262

Smashing Book 263

Smashing Book 264

The Smashing Book 2 is here. It’s printed (+ free eBook). It’s available651.

(sl, al)

Footnotes Link

  1. 1
  2. 2!/vpieters/status/32065443111899136
  3. 3!/Malarkey/status/32570347790270464
  4. 4!/nic3r/status/31658718072414208
  5. 5!/khaled_ouanes/status/31709719433314304
  6. 6!/jus_h/status/32052771725250560
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65

↑ Back to top Tweet itShare on Facebook

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

  1. 1

    Wow. Really great work you did with First release and I am pretty sure, this will be much better, you must have learned many things in the way and after the release of first one. Thanks. Keep up the great work. Will get this one for sure.

  2. 2

    I’ve preordered the book, looking forward to browse it.
    The free PDF is a real treat.

  3. 3

    Not available as eBook only?

    • 4

      Smashing Media Customer Support

      February 1, 2011 6:00 am

      No, sorry. Our goal was to print a large, unique, comprehensive and extremely valuable physical book. We don’t have any plans to release it as an eBook yet.

      • 5

        That is your decision to make, but I just want to say that you can lose customers over this. I have permanently switched from dead trees to eBooks. I am interested in this content (but not the format) and want to spend money on it but I can’t. You have lost me as a customer on this sale.

        Again, I respect your decision on this. I just hope you give it some thought and consideration for a next release or even this release. The format is not relevant for how “large, unique, comprehensive or valuable” the book is. The content is.

      • 6

        I prefer printed ones instead of eBooks. Can we have printed copies of the other eBooks in the future ? I’ll buy them all (i havn’t bought the eBooks but have bought both the printed ones)


        • 7

          Smashing Media Customer Support

          February 3, 2011 6:53 am

          Thanks for you suggestion, but currently we’re not planning to release the eBooks in printed form. It is quite an effort to release a (good) printed book, so that path is reserved for the Smashing Books for now.

    • 8

      I would also love to see an eBook or at least a PDF version of the book. It’s much easier for me to read a book onscreen than as a pyhsical media. As there should already be a digital version available of the book for printing it shouldn’t be too hard to make a PDF out of it. Andy Clarke did it and A book apart did it, so why can’t you?

      • 9

        Indeed. I bought all A Book Apart books. They understand customer service. Instant download and a low price point for eBooks, it is what people expect in this century. I find printed content to be wasteful, inflexible and slow to deliver. I will never ever purchase a physical book in this lifetime again. I respect other people’s preference for prints and therefore think you should serve both customer needs. Like I said, I’m perfectly fine paying for it, even if the eBook would not be cheaper than the print edition.

        • 10

          Excuse me Mr Ferdy but you don’t need to bash them because they do not want to put it in pdf format. And if they have lost you as a customer well companies always loose customers so it is not like it is new. Instead of focusing on the content of the book you are here arguing over whether it should have being better in pdf or not. Leave your personal preferences out of the this argument.

          To the team nice book. I really I appreciate the work and probably there are reasons why you do not want it in pdf. But I hope in the future the team will try to take advantage of the digital media.

  4. 11

    Uhm. I’m really interested in the topics of smashingbook #2 – but what about the quality of print & stitching? Better than last time? That was unbeliebvable – getting smashingbook #1 via mail, flicking up the parcel, reading the first chapter, and then having some 20 or so pages simply falling out of the book *and nobody of you cares about my complaints* … and I tell you, folks, that was not amazing. I’m still asking myself if this will happen again – with *no* PDF to download. So what about the stitching?

    • 12

      Smashing Media Customer Support

      February 1, 2011 6:06 am

      The binding of The Smashing Book #2 is much better than of the first book. It has a stitched binding and hardcover so it will withstand even rough handling.

      Check out the photos above and you can see the binding. We’re sure that the first reviews will confirm this.

    • 13

      No worries, Lucina, the new Smashing Book not only comes with a hard cover, but with perfect stitching and a silky book mark. I already have a copy at hand and I can reassure you that the quality is great. Also, there is a free PDF-download here:

  5. 14

    I did preorder the book and according to the shop it’s shipped, although I didn’t recieve any e-mail about it. I hope this is correct…

    But if the package is send today it should be in my hands at the end of the week, otherwise I’ll let you guys know ;)

    • 15

      Smashing Media Customer Support

      February 1, 2011 6:07 am

      That is correct, don’t worry. We used a bulk shipping process for the pre-orders, so there is no confirmation email, but your book has been shipped.

  6. 16

    Love the Book! I got my one yesterday in a pretty cool package! Now I’ve to find some time to read it ;)

    • 17

      Agree! The books is truly amazing! Excellent quality, wonderful illustrations, top notch content, much much better than the first one. Just received mine yesterday and I couldn’t put it away, especially the game design chapter is very useful. Highly recommended.

  7. 18

    how big is the book?

  8. 19

    I want one!

    Great to see this new version of the book!

  9. 20

    I’m excited… it might be waiting for me when I get home.

  10. 21

    I got mine yesterday and started reading it! It’s awesome!

  11. 22

    Can’t wait to receive it! But no doubt will be very professional and educational! :)

    And btw, thanks for the poster! I’m happy to be one of the winners! :)

    Start thinking on the SM Book #3 ;)

  12. 23

    I from Moldova. I look forward to get my book!!!!!

  13. 24

    this is so exciting!! thank you smash team!! :)

  14. 25

    Looks and sounds fantastic! How much is the price of the book in UK Pounds?

    • 26

      Smashing Media Customer Support

      February 1, 2011 8:03 am

      You cannot pay in UK Pounds directly, but with the current exchange rate it should be about 20.40 GBP.

      By the way, if anyone else is wondering: You can easily and quickly calculate the price in any currency by just searching for “[price] [origin currency] in [target currency]” on Google. It is quite handy in international transactions. :)

      • 27

        Thank you very much for your swift and helpful response. One final question; is the original book still on sale and if so how much would it cost me?

  15. 29

    Can’t wait to get it in the mail.

  16. 30

    I ordered mine yesterday, can’t wait to get it.

  17. 31

    Just received mine today. It is awesome. Great work!

  18. 32

    no delivery to Syria :(
    That’s not fair I emailed you when you published the first book to fix this issue …

    • 33

      Smashing Media Customer Support

      February 1, 2011 11:28 am

      We do deliver to any country in the world, including Syria.

      In some countries it can be difficult to get the payment transmitted because Paypal and credit card companies are causing problems, though. If you are still having trouble with your order, please contact us (again) at with more details so that we can help you.

  19. 34

    Sorry, crap image of the book on your intro

  20. 37

    I became my one yesterday and althougth I’m german, I’m understanding most of it. In my opinion it’s very good!

  21. 38

    Oh dear god, make an iPad version, it’s 2011.

  22. 41

    I ordered yesterday … I am a brand new Smashing fan *hangs head in shame* so I had to order #1 and #2 after hearing great reviews on both! Wahooo! Can’t wait!

  23. 42

    No threat to shut down this time if we don’t buy it?

  24. 43

    I would love it if you guys put together a bundle of both books. Book 1 and 2 for like $50 bucks. I would buy it immediately.

  25. 44

    i’ve ordered this book yesterday. Let me know if another Indonesian already bought this book. If not, i’m the first. yeah !

  26. 45

    Looking forward to picking this up this week

  27. 46

    I received my Smashing Book 1 couple of days back and waiting for the Smashing Book 2 eagerly. Great job guys !

  28. 47

    Confirmative from Germany. The book arrvied around yesterday and it’s a real treat. Thanks for the good work, online and offline!

  29. 48

    Guys. Under Features of the book, you’ve mentioned $29.90 or €23,90. Should it be €23′.’90 or €23′,’90?

    • 49

      Smashing Media Customer Support

      February 2, 2011 2:03 am

      That depends on which country you’re living in. :) In some countries, a dot is used as decimal separator and in others it’s a comma. In Europe, the comma is more common, thus the comma in the Euro price.

      To be absolutely clear: It is 23 euros and 90 cents.

  30. 50

    Already pre ordered a couple weeks ago. Can’t wait to receive it :)


↑ Back to top