Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. 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. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

The Smashing Book Is Released: Buy Now!

Here it is, the brand new Smashing Book. Announced several months ago in a couple of posts, it has finally arrived. You can buy the Smashing Book right now. And in case you didn’t know, it’s available here exclusively. The book is available and can be shipped right away.

The Smashing Book: Buy The Book Now!

The Smashing Book is a printed book about best practices in modern Web design. The book shares technical tips and best practices on coding, usability and optimization and explores how to create successful user interfaces and apply marketing principles to increase conversion rates. It also shows how to get the most out of typography, color and branding so that you end up with intuitive and effective Web designs. And lastly, you will also get a peek behind the curtains of Smashing Magazine.

Buy the Smashing Book Now!
It’s a paperback: 313 pages, full-color images on coated paper, available worldwide. Free shipping to the US and Germany, and reduced shipping costs to other countries. 30-day 100% money-back guarantee.

A word to all who ordered the book in advance with the 20% discount. Pre-orders were on their way as of yesterday to you. Yes, we know that we’ve taken far too long, and we are sad about it. We are, after all, a small design magazine, not a large publishing house. We didn’t have logistics and contacts already in place, and the Smashing Book is our very first book. Please know that we are grateful for every order we have received. But enough excuses: next time, everything will work better… promise.

What Are The Shipping Costs? Link

We want to make the book affordable to everyone and are therefore subsidizing shipment of the book worldwide. However, shipping costs to some parts of the world are extremely high. Please help us minimize these shipping costs for folks who are worse off by voluntarily paying more for the shipping of your copy. This is what we call “social shipping.” The shipping costs per book are simple:

  • United States and Germany: free shipping + (optional) social shipping
    (notice: free shipping to US = Ground Mail; because books are shipped from Germany, ground mail for US will take 30-40 days to arrive! If you want to get the book quickly, use Air Mail option instead).
  • Europe (except Germany): €3,50 by ground mail, €5 by air mail.
  • Rest of the world: $5.00 USD by ground mail, $10.00 USD by air mail.

Yes, it’s that simple. We pay a part of the shipping costs ourselves to make it possible for anyone in the world to purchase the book, wherever they are. No hidden costs, and no tricky calculations.

Shipping may take between several days or weeks, depending on your country of residence. See the oveview of delivery times1.

Buy Now!

What You Get For Your Money Link

The book has 313 pages in all, full of practical knowledge for designers and Web developers. It contains 10 chapters and is printed in full color. The book is a paperback and is 8.27 × 5.5 inches (21 × 14 cm). It contains colorful illustrations created by designers from the Russia-based SoftFacade (Anton Zykin, Dmitry Tsozik, Anna Myagkova).

Can’t wait any longer? Need an appetizer? Here’s the first chapter of the Smashing Book. You can download it as a PDF:

Chapter 1: User Interface Design in Modern Web Applications

The book is available here exclusively. This first and only book from Smashing Magazine looks at Web design rules of thumb, color theory, usability guidelines, user interface design, best coding and optimization practices, as well as typography, marketing, branding and exclusive insights from top designers across the globe.

It was written by Jacob Gube (SixRevisions), Dmitry Fadeev (UsabilityPost), Chris Spooner (Spoongraphics), Darius A Monsef IV (, Alessandro Cattaneo (with co-editing by Jon Tan), Steven Snell (VandelayDesign), David Leggett (UXBooth), Andrew Maier (UXBooth), Kayla Knight (a regular writer here), Yves Peters (, René Schmidt (the systems administrator for our servers) and the Smashing Magazine editorial team, Vitaly Friedman and Sven Lennartz.

Preview Of The Book Link

Here are two previews of the upcoming Smashing Book. Please click on the images to see the enlarged versions.

Preview2 in The Smashing Book: Buy Now!2

Preview in The Smashing Book: Buy Now!3

Contents Of The Book Link

The Smashing Book contains the following chapters:

Chapter1 in The Smashing Book: Chapter 1

The Art And Science Of CSS Layouts

In modern Web design, developing a layout is a craft that requires patience, precision and solid knowledge of CSS. While design elements create flow and hierarchy in the design, Web layouts build up a skeleton of the website, providing a space and structure where design elements can breathe and serve their purpose. However, laying out a page is often a tricky and time-consuming matter that can be undermined by numerous browser inconsistencies and trade-offs between various types of layouts.

There are some practical guidelines to help you approach this issue in a manageable and effective way. This article throws light on various kinds of layouts, discussing their advantages and disadvantages and suggesting situations in which each would work best. It also talks about techniques and related issues that will help you gain a better understanding of CSS layouts in general.

Ui in The Smashing Book: Buy Now!

User Interface Design In Modern Applications

User interface design isn’t just about buttons and menus. It’s about the interaction between the user and the application or device, and in many cases about the interaction between multiple users through that device. This means that user interface design isn’t about how a product looks, but about how it works. It’s not just about arranging buttons and picking colors, but about choosing the right tools for the job. Does a particular interface even need buttons? If so, what do they need to do? What do you need to provide for the user to figure out how your application works and accomplish what they want with ease?

Typo in The Smashing Book: Buy Now!

Web Typography: Rules, Guidelines And Common Mistakes

Typography covers a wide range of topics and applications, even wider now with the Web and the digitization of information. Typography is not just about choosing a nice font. It is a complex meta-language that brings value to communication, that increases the readability and legibility of content, giving tone to a brand and corporate image, helping to sell products and making information better understood by the audience. However, the poor application of a few common rules of typography is enough to make readers turn away.

Usab in The Smashing Book: Buy Now!

Usability Principles For Modern Websites

We don’t know a single Web designer who wouldn’t want an outsider’s opinion of their website. Bonus points if you find a designer willing to give you feedback. Keep in mind, though, that a designer’s opinion isn’t your user’s opinion. To identify with our users, we must focus on much more than the outward appearance of our websites, as difficult as that is to do. To complicate matters, modern websites quickly become huge multi-faceted structures. Competing websites often offer similar functionality, but one will win out because it provides a superior user experience. This is where the Web is headed, a sort of evolution of website design.

Color in The Smashing Book: Buy Now!

The Guide To Fantastic Color Usage In Web Design And Usability

Considering the cultural implications of the colors on your website is important, especially if you expect international traffic. Green, for instance, a popular color, is taken in Western society to mean environmental consciousness. In China, a green hat could imply that a man’s wife is cheating on him. The color is sacred in the Islamic world, and it has significance in Catholicism. In some African countries, green represents the natural richness of Africa. It has also been associated with money, jealousy, growth, sickness, inexperience, evil, fertility, hope, youth and death. This is just one example of the cultural and psychological implications that color can have for your website’s audience.

Perf in The Smashing Book: Buy Now!

Performance Optimization For Websites

Slow and unresponsive websites are annoying. And if your website is annoying, your visitors are unlikely to buy goods or contact you, and you will lose money. Hence, optimizing your website to provide a good user experience is important. Yahoo’s Firefox plug-in YSlow provides tips on how to make websites more responsive. We will not settle for YSlow’s tips alone, though, but take two further steps by optimizing MySQL and PHP as well.

In this chapter, we get technical. You will require root-level access to your server machine. If you are in a shared-hosting environment, you may not have this level of access. But the section will still be useful to you because you can check if your Web host’s machine meets your requirements, and if it does not, you will know what to demand from your host.

Designtosell in The Smashing Book: Buy Now!

Design To Sell: Increasing Conversion Rates

Most websites are not works of art or things made to be appreciated solely for their beauty or expression. Websites are functional interfaces that serve a specific purpose. If you run an online store, the purpose of your website is to sell goods. If you run a Web application, your website is there to get people to sign up. Whatever industry you operate in and whatever type of business, organization or community you run, you want your website to perform by getting those sales, sign-ups, subscribers or clicks.

“Conversion” is an online marketing term that describes an instance of a visitor to your website performing an action that you deem to be desirable. The main question is, how do you turn a new visitor to your website into a loyal customer? To answer this, we’ll look at what it takes to sell effectively.

Brand in The Smashing Book: Buy Now!

How To Turn A Site Into A Remarkable Brand

The term “remarkable” means being worthy of notice or attention or, in the context of Web development, naturally persuading the viewer to mention or recommend a website to a friend. Developing a remarkable brand for your website means that people will likely give credit or refer to your website voluntarily, which is a big bonus when you are starting to build and develop your website.

Any niche or industry has hundreds or thousands of websites all based on the same topic, but from the crowd always emerges a bunch of websites that re-appear time and again. These websites are often mentioned in conversation and cited in sources of information or are the homes of highly sought after products. Given their high profiles, they can all be classified as remarkable, but how did they manage to build this great reputation?

Experts in The Smashing Book: Buy Now!

Learning From Experts: Interviews And Insights

Many of the most successful and well-recognized designers are willing and eager to provide guidance to others who want to improve their own skills. We posed a series of questions to leading designers and developers in an effort to get some answers to common questions. The participants bring a great deal of diversity in skills and expertise, and all have valuable insight that can help those looking to grow.

This chapter contains ideas, insights and tips from Dan Rubin, Jason Santa Maria, Paul Boag, Jeff Croft, Andy Budd, Collis Ta’eed, Wolfgang Bartelme, Keith Robinson, Jonathan Snook, Elliot Jay Stocks, Khoi Vinh, Veerle Pieters, Chris Coyier, Dave Shea, Darren Hoyt, Henry Jones, Kiam McKay, Nick La, Jon Hicks, Larissa Meek and others.

Sm in The Smashing Book: Buy Now!

The Smashing Story

How did Smashing Magazine come into existence? How do we work, and what happens behind the scenes? What is our secret recipe for success? Our readers are asking, and Smashing Magazine is answering.

The Smashing Magazine story is not the classic story of two guys coming up with a great idea in the right place at the right time. It is a story of dedication, patience and hard work… truly hard work. Perhaps the most unusual thing about Smashing Magazine’s birth is that we never actually sat down together to discuss the whole thing. We never threw up a whiteboard and brainstormed on a groundbreaking concept for a successful magazine with a solid marketing model. In fact, Smashing Magazine is the result of a random experiment, initiated by two like-minded Web workers with shared passion and knowledge, as well as valuable experience (Sven) and energetic motivation (Vitaly).

Buy The Smashing Book Now!

Please Spread The Word! Link

We 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 in your blog posts, on Facebook and on Twitter4. This book wouldn’t be possible without your tremendous support – and we are truly thankful for that. Thank you.


Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4!%20-%20
SmashingConf Barcelona 2016

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ 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

    David Ferreira

    December 3, 2009 3:18 am

    Woo woo! Can’t wait to ’til get mine!

  2. 6

    Woohooow nice!

  3. 7

    The book looks AWESOME – very exciting and very useful, getting mine asap!!!

  4. 8

    My was shipped today. Can’t wait.

  5. 12

    It has been shipped, so I’m now anxiously waiting for it to arrive..


  6. 13

    I am looking forward to getting my pre-order ! :)

  7. 15

    Looks like there are some really good chapters included in this book. Plus, the price makes it even more appealing !

  8. 16

    Great news. I am really looking forward to get it into my hands. Glad that I preordered it a long time ago.

  9. 17

    Looking forward do receive my pre-ordered edition!

  10. 18

    I have asked Father Christmas for this!

  11. 19

    Finally. Thanks SM

  12. 20

    Wow! This book is 1000x more pages when viewed in IE6.

  13. 21

    Well this great book but i just have $5 :( i can;t bought this book anyone can help me ? i’am from indonesia

  14. 22

    Nice !
    And concerning the french readers ?
    Could we hope a Smashing Magazine in French ? Or the Smashing Book in French ? ;-)

    • 23

      Smashing Editorial

      December 3, 2009 4:20 am

      That’s a nice idea – but we haven’t planned it yet. We need to wait how the book will go first ;-) But we’ll definitely keep it in mind, Adrien!

    • 27

      I’m french to, I want the Smashing Book in French ! :)

      • 28

        I’m Portuguese, and want the book in Portuguese! And Spanish people want the book in Spanish… Lol Don’t be lazy, and learn English! :)

        (I can’t wait for my copy!! :) )

    • 29

      Why is it always French people that want everything translated to their own language?
      Is it just laziness or is it thinking French is superior and more important than English?

      • 30

        Laziness + french arent smart enough to learn English

      • 31

        Please stop saying French people are lazy or think they’re superior, it’s just convenient having this book in your own language.

        But well, I ordered mine today, I can’t wait to read it (even if I’m French and this book is in English !)

      • 32

        In fact, I just hope a french version because my english is not very… good yet. It’s not a question of superiority ;-)

  15. 33


  16. 34

    Phillip Gourley

    December 3, 2009 3:47 am

    So happy you guys finally have your books ready to ship, must be a relief! I’m Looking forward to getting mine in the post, been waiting so long for this the book looks great.

    Good luck with the sales!

    • 35

      Smashing Editorial

      December 3, 2009 4:20 am

      Yes, it is. It was a long journey for us and we are glad that you’ve stayed true to us until the very end. Thank you!

  17. 36

    I hope to get a copy soon!! Visually the book looks awesome! I know the content will not be different!

  18. 37


    I want it for christmas!
    Do you have a downloadable PDF version? I live in Brazil, and the shipping may take too long!

    I wouldn’t mind buying in a digital version.

    Cheers and goog luck!

    • 38

      Smashing Editorial

      December 3, 2009 4:22 am

      We don’t have it yet and we haven’t planned to release it yet. Actually, from the very beginning we wanted it to be a real printed book, not an e-book. Sorry.

      • 39

        I think it’s better in a real tangible book format, although it’s less convenient. I think developers and designers are too tied to their computers, myself included. :( It’s nice to touch something besides keyboards, page through a book without using two-finger scroll, and work with and enjoy something that’s a solid object rather than streams of data that arguably doesn’t really exist!

        Now I’m wishing I had preordered a Smashing Book! It will probably be backordered until 2015!


  19. 40

    Any way to track my shipment?

  20. 41

    I am really looking forward to getting my hands on this book – I appreciate Smashing keeping me up to date and am pleased to see they’re excited as I am!!

    • 42

      Smashing Editorial

      December 3, 2009 4:22 am

      Yes, we are truly excited to see what the community thinks about the book. We are looking forward to first reviews!


↑ Back to top