Menu Search
Jump to the content X X
Smashing Conf San Francisco

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

New Year, New Book: Smashing Book 2 Is Coming: Pre-Order Now!

Update:(26.01.2011) The pre-order phase is over. The book is now available at full price1.

Update: (30.01.2011) If you are planning to write an article or review of Smashing Book 2, please feel free to use the Smashing Book 2 Media Kit (.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 we can track it and add it to our list of reviews. Your help is sincerely appreciated. Thank you for your time and your efforts, guys!

What’s the best way to start a new year? Not just with resolutions and good intentions, but with good deeds! Therefore, today we have the pleasure of announcing that a new Smashing Book is on its way. And not only that: it’s not just a book but an annual event.

Smashing Book 2, Pre-Order Now, $23.90 or €19,102

Is the book really coming? In all honesty, the Smashing Book 1 could have been better in several ways: the overly long shipping times and poor quality of the binding were critical mistakes we made with that first book. But we did our homework and learned from our mistakes. We wanted to make the Smashing Book 2 better than its predecessor in every respect: the hardcover book will cost $29.90 USD (like the first one), but it will have more pages and much better binding and will be more comprehensive and of higher quality.

As you read this, the Smashing Book 2 is already in the final stage of production: printing started in late December. This means we will start shipping the books by February at the latest, and the pre-order period will be much shorter than the one with Smashing Book 1. You can pre-order your copy today3 and get a huge discount: 20% off the regular price.

What’s In The Book? Link

Like its predecessor, the Smashing Book 2 is a printed book about best practices in modern Web design. This 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 Design54,” 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.

Free Sample (PDF) Link

You will find more information below, and you can read a sample chapter — “Visible vs. Invisible Design54” (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 here we’ve got something special 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 Twitter’s famous “Fail Whale6.” 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 website.

Illustration of the chapter 'Visible vs. Invisible Design', written by Francisco Inchauste.
Yiying lovingly cares for her cat on the wall. You can see this illustration in the chapter “Visible vs. Invisible Design,” written by Francisco Inchauste.

Names of Our Readers in the Book Link

In November 2010, our readers and fans had the opportunity to add their names to the book7. We sorted 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.

The Smashing Book 2 Is Available Only In The Smashing Shop… And Nowhere Else Link

The Smashing Book 2 will be a hardcover book with quality stitched binding, 360 pages and a bit larger of a size than its predecessor. The price is again just $29.90, but there is more. We want to make the book affordable to everyone, so Smashing Magazine will pay a large part of the shipping costs and ship the books at a fixed price of $3.50/€3.50 per copy, no matter where you live in the world.

And it gets even better: books will be sent only via air mail (except within Germany). The delivery will take between 3 and 15 working days at most (you can check delivery times for your country8). The books will be shipped from Berlin, Germany. And of course, if you are not satisfied or have questions, there is a 100-day money-back guarantee and a live chat in our recently redesigned 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 them all. (We could have added more pages, but then shipping costs would have increased significantly.) So, we will release four chapters as a free bonus eBook, called “The Lost Files.” This eBook will be available in PDF, ePUB and Mobipocket formats. In February, every registered customer will be able to download the book, even if they haven’t bought the Smashing Book 2. So, make sure to check out the Smashing Shop in February.

Here are the pieces that will be presented in the free bonus eBook:


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

Features Of The Book Link

If you pre-order the Smashing Book 2 now, you will get a huge discount: 20% off the regular price. You’ll pay just $23.90 USD and will get:

  • A solid printed hardcover book,
  • Quality stitched binding with a bookmark,
  • 360 pages with full-color images on coated paper,
  • Worldwide availability,
  • Reduced air mail shipping — just $3.50/€3.50 per copy,
  • Risk-free purchase with a 100-day money-back guarantee,
  • Free bonus eBook with four chapters,
  • Pre-order your Smashing Book 2 now10 and save 20% off the regular price!

A Closer Look At The Book’s Chapters Link

The Principles of Good Graphic Design, 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.

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

Visible vs. Invisible Design, 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

Designing Mobile User Experiences, 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

Sketching, Wireframing and Prototyping, 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

Red Flags (Warning Signs) in Web Development, 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 go bad. HTML painting and convoluted CSS syntax. Issues with JavaScript and back-end code.

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

The Future of Web Typography, 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.

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

Applying Game Design Principles to User Experience Design, 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 theory 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

When They Click: Psychology of Web Design and User Behavior, 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

Design Patterns in E-Commerce Websites (Study), 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)

How to Make a Book (Like This One), 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 Smashing Book 2.

Contents and Format of SM Book 2 Link

  • What’s the difference between Smashing Books 1 and 2?
    Both books cover best practices in Web design and Web 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 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 Smashing Book 2 available as eBook?
    No. We don’t want it to be just one of the many books available everywhere, but rather be an exclusive annual event. 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.
  • 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 them all in the book. (We could have added more pages, but then shipping costs would have increased significantly.) Therefore, we will release four chapters as a free bonus eBook called “The Lost Files.” The eBook will be available in PDF, ePUB and Mobipocket formats. In February, every registered customer will be able to download the book, even if they haven’t bought the Smashing Book 2. So, make sure to check out the Smashing Shop in February.
  • Will the book be available in other languages?
    Not yet.

Payment, Costs, Shipping Link

  • Can I get a bulk discount?
    Yes, of course! Please contact our book sales manager, Michael Dobler. He will be glad to answer all of your questions!
  • What are the shipping costs for my country?
    The shipping cost per book is €3,50 (for Europe) and $3.50 (for the rest of the world). We’re paying part of 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 overview11.
  • What payment methods are accepted?
    We support primarily PayPal, VISA, MasterCard and American Express. In Germany Lastschriftverfahren and EC-cards are supported, too. 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 page12 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 in any way we can!

Please Spread The Word Link

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

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12

↑ 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

    Pre-ordered! :D so excited to read it!

  2. 2

    Yaaaay, pre-ordering the book now! Especially looking forward to the Psychology and Game design chapters. The line-up of chapters in the book is amazing! Thank you, guys!

  3. 3

    I’ll probably order it once it is off the press. Delivering took way too long on the first book.

    • 4

      Smashing Media Customer Support

      January 5, 2011 5:13 am

      Don’t worry, this time there won’t be such delays. We learned from our mistakes. We have taken plenty precaution to make sure that everything sticks to the schedule. For example, different than last time, printing has already begun and the transport to our warehouse involves no ships. :)

      But of course you’re welcome to wait until the books are on stock. Then you’ll miss the discount, though.

  4. 5

    The first book was such an inspiration, I’m not worried about the second! It can only get better! :-) Keep up the great work!!

  5. 6

    Pre-ordered² You’re doing a great job guys!

  6. 7


    Just pre-ordered…….哈哈

  7. 8

    Purchased the first book.
    Never read a single page :S

    • 9

      Smashing Media Customer Support

      January 5, 2011 6:13 am

      That’s a pity! :) It’s not too late, though. We’ve designed the Smashing Book (both of them) so that it does not become outdated for a long time. So enjoy your read. :)

  8. 10

    Preordered, definitely. Very lovely chapter illustrations. Good thing that the binding will be better this time («quality stitched binding»), volume one was a bit too stiff in the back.
    Great to start 2011 with this posting, thanks a lot guys !!

  9. 11

    Will it be possible to pay per invoice (B2B)?
    Should be invoiced to Germany.

    • 12

      Smashing Media Customer Support

      January 5, 2011 6:24 am

      Due to the significant overhead with manual invoices, paying via invoice is only possible for larger orders, sorry. If you are interested in a bulk order, please contact us through

  10. 13

    Hey guys,

    I wanted to preorder, but I can’t.

    Just a small tip: before stating you ship anywhere in the world, please check you country list in the check-out form.

    I’m in Romania and our country isn’t there (and how ironic is that, we’re also members of the EU…)

    Not cool, not cool at all…

    • 14

      Mircea Georgescu

      January 5, 2011 6:58 am

      I’m from Romania too and I didn’t had any problems. I selected “Checkout without registration” and all went fine.

  11. 17

    Have just emailed my boss to purchase this for me right away!

  12. 18

    Smashing Media Customer Support

    January 5, 2011 6:30 am

    Hey Cosmin,

    when we say anywhere, we do mean anywhere. We definitely do ship to Romania.

    We suspect that our system has accidentally recognized you as an non-EU-customer. Is it possible that you are currently seeing prices in Dollar? You should see them in Euro. If this is the case, try using the “Force Shop View” dropdown at the very bottom of each page. There you can select Romania as you country of origin and then it should be possible to select Romania during the checkout process.

    Sorry for the confusion – and of course thanks a lot for your interest in our book!


  13. 19

    I’ve pre-ordered 1st one and never received it.
    CS told me that it’s returned to them and asked me about correct address.
    Book haven’t arrived to this address too.
    What can I say? No more Smashing Books…

    • 20

      Vitaly Friedman (editor-in-chief of Smashing Magazine)

      January 5, 2011 6:52 am

      Something must have gone wrong here. Literally thousands and thousands of people did receive it, maybe there was another problem with your address?

      It’s very important to us that our customers are happy and satisfied. Let’s clear this one up! I have now contacted you personally to make sure that this problem will get resolved as quickly as possible.

    • 21

      I’ve received The Smashing Book 1 yesterday. Thanks to Vitaly for help.

  14. 22

    This site used to be interesting…now is only about selling a book full with information that you can find for free in the network…

    sorry you guys but you lost it …

    • 23

      Vitaly Friedman

      January 5, 2011 7:13 am

      Dear Denis,

      you won’t find this information for free. The chapters are written exclusively for the book and as you probably have noticed in the chapters overview, the book is written by experts who know exactly what they are writing about. Give the book a try — you won’t regret it.

    • 24

      I received the book and i’m in the Philippines, though it took a few months before getting a hold of it :)

      Anyway, it’s inspiring and I’d love to have the next one too even if I haven’t finished reading :)

    • 25

      This site is still great! maybe the novelty of it being new kid on the block has faded a little but it’s still fresh. The last book was awesome and I will be ordering the new one today. The new format looks great.

      Don’t worry guys, you haven’t ‘lost it’ in my humble opinion :)

  15. 26

    Ready for this one!

  16. 27

    Is there going to be an epub version? I’d really like to read this in iBooks.

    • 28

      Smashing Media Customer Support

      January 5, 2011 7:47 am

      Hi Joe,

      for the time being we will stick to sell it as a printed version only.


  17. 29

    Marin Todorov

    January 5, 2011 7:17 am

    This time – no thanks :) But anyway – you’re doing a great job !

  18. 30

    love your honesty and your good work.

  19. 31

    I’m really surprised you are holding on to releasing this as a print only book. You may want to re-evaluate that. Sure 10 years ago a printed book had more value because of the quality of the “binding” and the paper, but now it’s about the quality of the information. You may want to take some tips from your online colleagues at They are selling ebooks at your price point and doing well. With all of the readers and tablets available, your position is a little dated.

    I really do like your articles and the value of your information. I hope you change your mid and offer the ebook version. I would pay the full price!

    • 32

      Problem with e-books is that they can be pirated. For example I know a site where ALL the sitepoint books are available for free.

  20. 33

    Martin Bloksa

    January 5, 2011 7:27 am

    I am seriously thinking about pre-ordering it… however I cant do it right now, what time will be pre-order period on? Week? Two?

    Thanks for responding

    • 34

      Smashing Media Customer Support

      January 5, 2011 7:46 am

      Hi Martin,

      pre-order phase will end by this end of this month.


      • 35

        Martin Bloksa

        January 11, 2011 1:59 pm

        Pre-ordered :) … I was so stupid when reading article about adding names to book not posting mine one :(


↑ Back to top