Printed Smashing Books

We care about quality content and work hard to support and spread best practices, innovative techniques and forward-thinking ideas. Our printed Smashing Books are crafted to deliver in-depth knowledge and expertise shared by experts and practitioners from the industry. They are our editorial flagships—and they look damn good on a coffee table!

Smashing Book #5: Real-Life Responsive Web Design

Responsive design is a default approach these days, but we all still try to figure out just the right process and just the right techniques to design and build responsive websites better, smarter, faster. That’s why we created a new book — to collect the most practical techniques and experience from people who learned how to get things done right, in actual projects with actual real-world challenges.

The Smashing Book #5: Real-life Responsive Web Design1

$29 $39

Save the date.2Pre-sale starts on Tue, Mar 31st, 1PM GMT.

Neatly packaged in a gorgeous hardcover, the book features practical front-end techniques and patterns from well-respected designers and developers. The book isn’t concerned with trends or short-lived workarounds — it should stand the test of time and as such, it’s focused on actual techniques used today in real-life projects. The techniques that you could apply to your websites today, too.

About the book

Smashing Book 5: Real-Life Responsive Web Design is our brand new, upcoming book with smart front-end techniques and design patterns derived from real-life responsive projects. With 12 chapters on responsive workflow, SVG, Flexbox, Web fonts, responsive images, responsive email, content strategy, debugging, performance and offline experience, this is just the book you need to master all the tricky facets and hurdles of responsive design. Written by Daniel Mall, Sara Soueidan, Zoe M. Gillenwater, Bram Stein, Yoav Weiss, Tom Maslen, Matt Gaunt, Andrew Clarke, the Mystery Author, yours truly and other smashing authors.

Illustration of Smashing Book #5, Chapter 11, Andrew Clarke on The Way Forward3
The inner illustrations are crafted by Guillaume Kurkdjian4 (remember those mischievous animated Mystery Riddles?) and the cover is designed by everybody-knows-how-amazingly-talented-she-is Jessica Hische5. (View large version.6)

Once again, the book is going to be quite thick, and obviously both hardcover and digital editions (eBook in PDF, ePUB and Kindle) will be available. So if you want to get your hands on the book, you better don’t wait too long. We know it — you’ll love the book as much as we do. Shipping expected to start late May 2015.

Add your name into the book!

The pre-sale of the book will be announced on Tuesday, 31.03, at 1PM GMT (8AM EDT). Of course, in the spirit of our tradition, we welcome you to add your name to the printed book — just leave a comment on the announcement post in time! We don’t have a lot of space, so first come first served! Make sure you set up an alarm and don’t be late!

Save the date.7Add your name into the book. Tue, Mar 31st, 1PM GMT.

Mobile Web Handbook

We have all been there. With Responsive Web Design (RWD) becoming a convenient strategy for device-agnostic design, we keep running into annoying technical issues that all those quirky (and not so quirky) mobile browsers are raising so very often. However, fixing these issues can be quite easy — once you understand exactly why they come up.

Weird browser bugs, inconsistent CSS/JavaScript support, performance issues, mobile fragmentation and complicated nuances such as device pixels, viewports, zooming, touch event cascade, pointer/click events and the 300ms delay. To make sense of it all, we created Mobile Web Handbook, a new practical book by Peter-Paul Koch to help you understand technical issues on mobile and deal with them effectively.

Mobile Web Handbook, a new Smashing Book by Peter-Paul Koch208


Print + eBook219Printed, gorgeous hardcover.


eBook10PDF, ePUB, Amazon Kindle.

The book is useful to mobile strategists, developers, designers, and everyone willing to better understand the intricacies of mobile — both technical and market-related. Whether you want to get a better picture or dive deep into common browser bugs on mobile, this is just the book you need.

224 pages. Written by Peter-Paul Koch. Reviewed by Stephanie and Bryan Rieger. Designed by Stephen Hay. Get the book.11

Why This Book Is For You

Developing websites for mobile is pretty much the same as it has always been, but it does require you to learn a few new things, and some of them are quite confusing. In Mobile Web Handbook, you’ll learn to:

  1. Make sense of the mobile value chain of operators and device/OS vendors,
  2. Distinguish between different mobile/proxy browsers and ongoing browser developments,
  3. See through the complicated browser situation on Android devices,
  4. Understand CSS pixels, physical pixels, device pixels,
  5. Make sense of layout viewport, visual viewport and ideal viewport,
  6. How zooming works and why page zoom is different than pinch zoom,
  7. The intricacies of the meta viewport and related CSS/JS properties,
  8. How to deal with technical issues of touch events in JS,
  9. Understand the touch event cascade and its bugs,
  10. Handle 300ms delay, pointer events and the click event,
  11. Fix common bugs caused by position: fixed, overflow: auto and background-attachment,
  12. Set up a device testing lab and test on mobile,
  13. Reconsider outdated development practices,
  14. Adjust expectations for mobile networks and latency.

Mobile Web Handbook12
A look inside the book. One of the early drafts by Stephen Hay. Large view.13



eBook15PDF, ePUB, Amazon Kindle.

Table Of Contents

Chapter 1 The Mobile World

Summary The mobile world is a complicated, highly fragmented environment. The mobile value chain involves operators, device vendors and OS vendors—all having their own interests and goals that shape the device market and complicate things for us, web developers. If you read The Mobile Book16 already, this chapter is a revised and extended version of the chapter. It’s been updated with the latest figures and developments, though, and contains a few new sections.

Keywords operators networks mobile value chain device vendors hardware fragmented market phone’s production cycle global device market OS vendors and sales developer relations identity management payments.

Chapter 2 Browsers

Summary If you’re used to the simple five-browser ecosystem that exists on the desktop, you’re in for a rough surprise in the mobile market. There are 30 mobile browsers, ranging from lousy to great. Besides, there are also proxy browsers, default browsers, downloadable ones, confusing Android ones, and of course WebViews. What do you need to know about prevailing browsers and prevailing platforms? A comprehensive overview of the browser market, worldwide market shares and ongoing developments—and a few browser stats.

Keywords browser ecosystem rendering engines WebKits WebViews Android browsers platforms proxy browsers statistics.

Chapter 3 Android

Summary The most complex part of the mobile world is Android. With Android now spanning about three quarters of the smartphone market, it has a few problems and oddities that are uniquely its own. In this chapter we’ll look at Google’s wishes and actions, the reactions of the device vendors, and the complicated browser situation caused by the gradual replacement of Android WebKit by Chrome.

Keywords differentiation Android updates Android WebKit Chrome.

Chapter 4 Viewports

Summary Mobile devices have far smaller screens than desktop/laptop computers. As a result, browser vendors had to perform some sleight of hand in order to make sure desktop-optimized websites also display decently. They split the viewport, which on desktop means the browser window, into three. What are these viewports and why do we need them? By discussing pixels, viewports, resolutions, the meta viewport, media queries, and related JavaScript events and properties, you’ll gain some insight into how mobile browsers (and web developers) deal with the fundamental problem of the small screen.

Keywords device pixels CSS pixels layout viewport visual viewport ideal viewport zooming page zoom pinch zoom min/max-zoom resolution device-pixel-ratio meta viewport media queries CSS/JavaScript events.

Chapter 5 CSS

Summary There are a few CSS declarations that are harder to implement in mobile browsers than in desktop ones. Some, such as position: fixed, are dependent on the viewport, but which viewport? Others may have performance issues or special interface considerations, such as overflow: auto. It’s just about time to get to the bottom of this.

Keywords position: fixed overflow: auto overflow-scrolling background-attachment vw and vh units :active and :hover.

Chapter 6 Touch Events

Summary Mobile devices generally use touchscreens, and support a new set of touch events to monitor user actions. At first sight, touch events seem to be roughly the same as mouse events. What are the differences? How do they work? Do we need separate events for each interaction mode, or can we merge mouse and touch into one, as Microsoft wants? It is quite likely that future new web-enabled device classes such as TVs, cars, or even fridges, will bring new interaction modes and a new set of events. How do we prepare for them? That’s exactly what this chapter is all about.

Keywords touchcancel gesture events dropdown menu drag and drop scrolling layer event equivalencies merging touch and mouse detecting interaction modes touch event cascade the tap action anatomy of a click 300 ms delay touchLists pointer events.

Chapter 7 Becoming a Mobile Web developer

Summary This last chapter gives you practical details about how to become a mobile web developer, or to be more precise, how to set up a device library and conduct mobile tests. Which devices do you need? How do you run tests? What would an ideal device lab look like? And what should you keep in mind in terms of the improvements of the mobile networks in the future?

Keywords ideal device lab acquiring and sharing devices what and how to test device test batches managing updates browser detection JavaScript libraries mobile networks latency connection speed.

About The Author


Peter-Paul Koch18 (PPK) has been around for quite some time. Known for his browser compatibility tables on, he is a mobile platform strategist, browser researcher, consultant, and trainer in Amsterdam, the Netherlands. He specializes in the mobile web, and especially mobile browser research, advising mobile and desktop browser vendors on their implementation of web standards.

Technical Details

  • 224 pages, 16.5 × 24.0 cm (6.5 × 9.5 inches).
  • Quality hardcover with stitched binding and a ribbon page marker.
  • Worldwide airmail delivery3519 from Germany ($5 intl. shipping),
  • The eBook is included with the printed book for free (PDF, EPUB, Kindle).
  • ISBN: 978-3-94454093-1.

Mobile Web Handbook, a new Smashing Book by Peter-Paul Koch208


Print + eBook219Printed, gorgeous hardcover.

Digital Adaptation

Nothing is more frustrating than stubborn management entangled in dated workflows and inefficient processes. That’s why we created Digital Adaptation, a new practical book on how to help senior management understand the Web and adapt the business, culture, team structure and workflows accordingly. No fluff, no theory — just techniques and strategies that worked in practice, and showed results.

Digital Adaptation, a new Smashing Book by Paul Boag22


Print + eBook3823Printed, gorgeous hardcover.


eBook24PDF, ePUB, Amazon Kindle.

The book will help traditional businesses and organizations to overcome their legacy, and help you plant the seeds of change with very little power. If you do want to finally see changes happening, this is the book to grab.

Written by Paul Boag. Designed and illustrated by Veerle Pieters. 176 pages. The books are shipping now. Get the book now.25

Digital Adaptation, a Look Inside26
A look inside the book. Large view.27

Why This Book Is For You

If you’ve got enough of your co-workers not understanding the Web, Digital Adaptation is just what you need — ideas and concepts that you can put in front of senior management to make real changes. You’ll learn to:

  1. Tackle bureaucracy and overcome legacy culture,
  2. Develop a flexible and effective digital strategy,
  3. Use responsibility matrix to minimize delays and costs,
  4. Adopt a digital culture and become digital by default,
  5. Apply techniques from mid-sized and large organizations,
  6. Avoid toxic practices and improve internal processes,
  7. Organize teams and boost their efficiency,
  8. Embrace social media and use them effectively,
  9. Understand the value of digital team and invest in them,
  10. Break down the walls and nourish collaboration, ownership and innovation.

Digital Adaptation, a Look Inside28
A look inside the book. Large view.29

One of the book's many illustrations by Veerle Pieters.30
One of the book’s many illustrations by Veerle Pieters.


eBook31PDF, ePUB, Amazon Kindle.

Table Of Contents

Foreword A Message for Web Professionals

Summary The foreword introduces the purpose of the book and explains why we decided to choose you as the audience for it. In fact, the book is written primarily for you as web professionals. A book you can quote to senior management and make real, lasting changes in your organization. Your job is to take the concepts covered in this book and put them in front of senior management.

Keywords audience strategy video.

Chapter 1 The Digital Divide

Summary The core problem with digital, faced by many large organizations, is that they were formed before the web as we know it today existed. Their systems, processes, and (in many cases) people are not configured to support it. In this chapter, Paul discusses warning signs of digital incompatibility in your company, organizational and cultural barriers and changes that the new digital landscape has brought. This is a chapter of how most organizations struggle with their digital strategy and what you have to know to avoid the problems in a long run.

Keywords pre-web organizations legacy systems digital incompatibility structure fragmented web presence culture customer needs shifting digital landscape digital strategy.

Chapter 2 Setting Your Digital Direction

Summary As Richard Rumelt said, “good strategy works by focusing energy and resources on one or a very few pivotal objectives whose accomplishment will lead to a cascade of favorable outcomes.” In this chapter, you’ll learn how to select the right digital direction and how to deal with prioritization paralysis. Backed up by case studies and real-world examples, you’ll also learn how to form a digital strategy and how to use guiding principles, digital policies, and a responsibility matrix to complement the strategy. The chapter also explains how reorganizing teams and processes will help tackle dated, inefficient departmental structures.

Keywords business objectives digital team defining priorities problem diagnosis guiding principles web steering committees responsibility assignment matrix digital policy remote work.

Chapter 3 Adopting A Digital Culture

Summary Forming a digital strategy is one thing, but making it work requires changes in the digital culture. This chapter discusses main components of a digital culture, including collaboration, agile development, digital by default, innovation and service-oriented culture. The web can’t be neatly separated from the rest of organization; what’s necessary is a single organizational strategy that is heavily influenced by online. This chapter explains just how such a strategy can be established in practice.

Keywords redesign digital by default aspects of digital Business Model Canvas innovation and failure service culture user testing customer engagement.

Chapter 4 Digital Teams: Agents of Change

Summary There are various ways in which digital teams can be organised, but some approaches are more effective than others. This chapter discusses how to build an effective team and what role it should have, as well as how to find a good digital lead and attract and retain appropriate digital staff. Sometimes the digital team can feel like a Ping-Pong ball that ricochets around the organization—you are never quite sure where it will end up. This chapter explains the place, the position and the working environment of an effective digital team.

Keywords team structure roles and responsibilities digital leads attracting good staff light leadership working environment skills, not roles hiring digital workers.

Chapter 5 Digital Demands Another Way Of Working

Summary There is no shortage of big digital failures, from the London Olympics website to the website. The costs are staggering and the impacts devastating. The more complex and ambitious a digital project, the more traditional management approaches will struggle to scale. This chapter explores why digital projects fail and how you can minimize the risk of this happening by identifying and prioritizing user needs and involving the entire digital team in the conversation. Of course, this would work best within an iterative and collaborative context in which failure, prototyping and experimentation are deeply rooted within the digital culture.

Keywords failures the boom-bust cycle usability testing user needs prototyping iterative, incremental process.

Chapter 6 Grassroots Change

Summary Anybody can instigate change. As somebody working at the grassroots level of your organization’s digital strategy, you are a key catalyst of change. That work begins in your own team. You can plant the seeds of change by establishing good team-working relationships and atmosphere, enforcing good working practices, building bridges with colleagues and educating them, approaching management strategically, and being disruptive. If you don’t take action to change it, nobody else will. But if you do take action, there is a real opportunity to make your work more enjoyable and to have a real impact on your company.

Keywords down-top change transforming a team wartime mentality work environment work practices convincing management SWOT analysis disruption.

About The Author


Paul Boag33 is quite a character. With over 35 articles published on Smashing Magazine, he is not really an author that requires an introduction. Paul has been working on the web since 1994. He is web strategist at Headscape Ltd, a web design agency that he co-founded back in 2002. Paul also produces and hosts the longest-running web design podcast at boagworld.com34. He is a regular speaker at conferences and author of Client-Centric Web Design.

Technical Details

  • 176 pages, 16.5 × 24.0 cm (6.5 × 9.5 inches).
  • Quality hardcover with stitched binding and a ribbon page marker.
  • The eBook is included with the printed book for free (PDF, EPUB, Kindle),
  • Worldwide airmail delivery3519 from Germany ($5 intl. shipping).
  • Available as print and eBook.36
  • ISBN: 978-3-94454064-1.

Digital Adaptation, a Look Inside37


Print + eBook3823Printed, gorgeous hardcover.

Smashing Book #4: New Perspectives on Web Design

It’s done: our brand new Smashing Book, full of smart, time-saving tips for crafting fine websites. Neatly packaged in a gorgeous hardcover, the book features practical front-end techniques from well-respected Web designers. It isn’t concerned with trends or short-lived workarounds. It’s focused on the actual design process—the why of the decisions we make as we craft websites.

The Smashing Book #4: New Perspectives on Web Design39


eBook40PDF, ePUB, Amazon Kindle.

With New Perspectives, we look into lessons learned from mid-size and large projects and explore new, uncharted territories in Web design: mainly front-end, but also back-end, responsive design, typography, psychology, customer support, and content strategy.

Written by well-respected designers and developers, the book contains lots of actionable takeaways that will help you improve your workflow. Think of it as a reliable playbook for issues that keep following you in every project. No, this book won’t change your life forever, but it will challenge you to look differently at how you build websites today.

Table Of Contents

We invited respected designers and developers who have a story to tell and experiences to share. The chapters have also been reviewed by active members of the community such as Jonathan Snook, Inayaili de León, Tim Brown and Sean Coates—just to name a few.

Vitaly Friedman Preface

Summary The Web is dynamic and versatile—coding techniques aren’t black and white, and so our decisions always emerge from those shady gray areas. In the preface, Vitaly argues why Web design today requires new, pragmatic, open-minded approaches and why it’s so important to look at our craft from new, unconventional perspectives.

Keywords best practices strategy trends perspectives.

Harry Roberts Modern CSS Architecture and Front-End

Summary With websites getting bigger, their dev teams growing larger, and their goals becoming more tightly defined and, I dare say, more important, we need to take another look at how we actually build them. It’s no longer practical to spend days and days thoroughly hand-crafting code; a much more rapid, powerful and pragmatic approach is needed. In this chapter we are going to take a whirlwind tour of a new approach to building more powerful front-ends for the Web today.

Keywords semantics misconceptions Object-Oriented CSS code structure file organization CSS selectors portability naming conventions.

Nicholas C. Zakas Writing Maintainable, Future-Friendly Code

Summary Code is code no matter where you go, and code has a tendency to get messy as it gets large and old. Things start to break, you find it hard to figure out why bugs are occurring, and there are parts of the codebase that seem to be “magic”. On a large project with many developers, the problem is magnified. How can everyone work in the same codebase in such a way that making changes in the future are easy? That’s what this chapter seeks to answer.

Keywords code smell conventions code style comments architecture SMACCS documentation design document.

Christian Heilmann The Vanilla Web Diet

Summary Maybe we should take a break in our drive to be cool and new and innovative the whole time, simply for the sake of being so, and check what we are doing — analyze our eating habits, so to say. I call this the Vanilla Web Diet, much like people have started to call using JavaScript without libraries vanilla JavaScript. Here are some ideas and thoughts you can bear in mind to help slim down an existing website or your next app.

Keywords legacy browsers browser-specific code jQuery frameworks consistency conditional loading lack of support is an opportunity.

Tim Kadlec Culture of Performance

Summary Websites are getting fatter and fatter at an alarming rate. The issue is not the competence of Web developers. The issue is also not just technological: a lot of smart optimizations are usually implemented to get the weight down. Instead, the issue is the lack of a well-established culture of performance—a total commitment to performance from the entire team that would drive and influence decisions during the project cycle. Given the incredibly important role performance plays in the user experience, this is a disastrous mistake to make.

Keywords performance case studies visualizing performance performance budget the 20% rule testing atomic design perceived performance optimistic interfaces preloading content.

Mat Marquis Robust, Responsible, Responsive Web Design

Summary Responsive Web design is starting to get a reputation—and not the kind of reputation that it rightfully deserves. The most common death knell we’ve heard ringing out is that every page of a responsive site is fated to weigh in at a couple dozen megabytes and there isn’t a single thing that any of us can do about it. This trend is on us, and you don’t see any carpenters writing blog posts about how hammers are a failed methodology because of the times they dropped one on their feet. We can do better than blaming our tools for our mistakes.

Keywords Responsive Web design presumptive enhancement progressive enhancement accessibility Ajax-Include pattern conditional loading responsive images and video.

Addy Osmani Finding and Fixing Mobile Web Rendering Issues

Summary While network performance is important and JavaScript execution is usually quick, many find that rendering (painting pixels to the screen) is their bottleneck. This can be a challenge as mobile devices are underpowered when compared to our desktop systems. To hit 60fps, we sometimes need to go beyond JavaScript as the sole performance bottleneck for our pages and spend more time investigating paint and layout issues. This chapter explores some of the core causes of jank in sites and applications.

Keywords performance 60fps rendering jank faster animations hardware acceleration diagnosing slow paint times workflow remote debugging.

Aaron Gustafson Designing Adaptive Interfaces

Summary Design, as a concept, is a tricky little beast. Design does not exist in a vacuum. Each step in the process of building an interface should add to the experience. In the end, independent users may have differing experiences of the interface, but no one is denied access to a good experience. To create truly exceptional designs, we must not only reduce the friction inherent in completing a task, but we should make it (dare I say it) fun! We must reconcile aesthetics with usability.

Keywords empathy the layer cake constraints lazy loading construction flows JavaScript support adaptive components atomic design.

Paul Tero Obscure Back-end Techniques and Terminal Secrets

Summary You wake up one morning, look at the browser window, check the Widget 3000, click on a button and there’s nothing. What happened? Help! The Internet is gone! We’re going to cover a lot of ground in this chapter, from routers to servers, from error logs to PHP hacks. I’ll start with the worst case scenario and work inwards, exploring the infrastructure of the Internet and the make-up of a Web server, imparting lots of little tips and commands along the way, opening up a new perspective on how websites can stop working — and be fixed.

Keywords back-end techniques networking router DNS traceroute servers firewalls Denial of Service HTTP administration error management PHP errors .

Marko Dugonjić The Next Steps For Web Typography

Summary In this chapter, we’ll cover the big picture first — with not too frightening context models and a list of actors that participate in content creation and publishing — and continue with practical details, with plenty of code examples and tips. Among other things, we’ll cover typefaces and Web typography in general, organization and performance, typesetting and advanced CSS techniques.

Keywords universal typography multifaceted model structured content responsive Web typography font delivery and distribution rendering engines macrotypography combining typefaces type library CSS organization fonts as progressive enhancement subsetting Base64 encoding white space hierarchy modular scales subhead styles advanced CSS techniques.

Corey Vilhauer The Two Faces of Content Strategy

Summary There are two faces to content strategy: the people we’re targeting (our users), and the people who are doing the targeting (our editors). We’re responsible for making great websites. But we’re also responsible for making websites that are usable from the editor’s standpoint. We are the people who make the Web; we are also those responsible for helping those who sustain it.

Keywords editors content workflow content discovery auditing strategy assigning roles execution governance editorial triggers.

Rachel Andrew Supporting Your Product

Summary Providing a good customer experience is really important in support. The customer may make that initial contact feeling annoyed about your product. They have an issue, and it isn’t doing what they wanted it to. Your aim should be not only to solve their problem, but to leave them feeling more positive about your product than they would if they hadn’t had the issue that brought them into support in the first place.

Keywords support as a marketing tool feature requests core use case difficult customers the end client problem pricing models minimizing support tools no FAQs policy support statistics social media future-friendly support.

Nishant Kothary The Design of People

Summary The goal of this chapter is to introduce you to the human being as the center of every success or failure in our lives. But not in that tired way we’re all guilty of where we commiserate and vent on Twitter. Or the way where we publish blog posts about the bureaucratic deadweights that are the true bottlenecks to innovation. Let’s resist the convenient cover of insanity. Let’s stop putting more lipstick on the pig, and instead explore why the pig is so darn ugly in the first place. That is, let’s talk about the root of the problem instead of the symptoms.

Keywords psychology communication design reviews the Sally-Anne test theory of mind cognitive bias illusions of mind strategy.

Christopher Murphy On Creative Spirit

Summary So, how do you establish an idea generation culture? How do you open the proverbial floodgates and unleash an endless supply of new and original ideas? Is it possible to adopt strategies that allow us to reliably generate meaningful ideas, which we can then execute skillfully? I believe, by adopting a simple mental framework and embracing a core set of strategies, it is.

Keywords idea-generation techniques priming the brain digital toolbelt sketchbooks strategy centralized office café culture the Lego office.

Technical Details

  • 498 pages, 16.5 × 24.0 cm (6.5 × 9.5 inches).
  • A high-quality embossed cover with a little surprise,
  • Quality hardcover with stitched binding and a ribbon page marker.
  • The eBook version is included in the printed book for free (PDF, EPUB, Kindle).
  • Airmail delivery from Germany ($5 worldwide shipping, check delivery times41).
  • The book is available today.42
  • ISBN: 978-3-94454057-3.

The Mobile Book + Addendum

Our printed Mobile Book43 features the most important things that you need to know as a designer, developer or mobile strategist to create beautiful and rich mobile experiences. You’ll dive deep into the peculiarities of the mobile industry, explore responsive design strategy, design patterns and optimization techniques, learn about wireframing and prototyping for mobile as well as the guidelines for designing with gestures and touch.

The Mobile Book Addendum provides insights into the popular platforms such as iOS and Windows Phone and also introduces developing and debugging techniques for advanced HTML5 Web applications. Image credit for the photo below: Trent Walton44.

The Mobile Book45


Print + eBook46Printed, gorgeous hardcover.

Well-known experts such as Peter-Paul Koch, Stephanie Rieger, Trent Walton, Brad Frost, Dave Olsen, Josh Clark and Remy Sharp have contributed to the book to present the most relevant and valuable insights. To ensure the quality of the material, the chapters have been reviewed by Scott Jenson, Bryan Rieger, Tim Kadlec, Bruce Lawson and other active members of the mobile design community. The foreword was written by Jeremy Keith. The result is a fantastic, valuable quality book that every designer should have on her bookshelf.

We’ve prepared a couple of complete bundles with all our books for your convenience. Even though the first two books were published a couple of years ago, they remain relevant and valuable, because they were designed by our editorial team to be timeless. Save 20% off the price and get yourself the Smashing Anthology, a collection of all of our Smashing Books as of today.

The Mobile Book + Smashing Book #3 (Print + eBooks)

This bundle includes The Mobile Book and Smashing Book #3 – Redesign the Web. It sets you up with all the recent information on responsive Web design and Web design strategy you need. The bundle includes the printed editions and grants you immediate access to the downloads of the digital editions of both books.

Mobile Book and Smashing Book #3 Bundle47


Get the bundle48Two printed books + ebooks.

The brand new Smashing Books introduce a whole new mindset for progressive, forward-thinking Web design. A detailed look at the business and technical side of redesign in the Smashing Book #3 is followed by a comprehensive overview of advanced HTML5, CSS3 and JavaScript techniques in use today.

You will get useful advice on innovative UX techniques, learn about the peculiarities of mobile context in Web design and discover appropriate Photoshop techniques. You’ll study a practical hands-on guide to a bullet-proof workflow for responsive Web design. The book challenges you to think differently about your work, your code and your designs.

  • Download a free sample49 (PDF, 2 MB)
  • Quality flexibound cover, with stitched binding and a ribbon page marker.
  • Design: Veerle Pieters (cover), Kate McLelland (illustrations)
  • Free worldwide delivery from Germany.
  • Shipping only via air mail (3 to 15 working days). Worldwide delivery times50.

We sincerely appreciate your support and trust.


  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  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

↑ 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

    did the book exist in french?

  2. 3


    I want to get the ebooks printed. I preffer to have physical books than ebooks (there is no ebooks with electronic ink in color).


  3. 4

    What sections of 1 should we avoid to read as ‘outdated’ information compared to 2 & 3?

  4. 5

    I found this book into amazon website, but not into Is it a smashing magazine book?

  5. 6

    Did the book has a Chinese version?

  6. 7

    Where are the Smashing series books published by Wiley & Sons?

  7. 8

    Hi, I want to order some books for our front end developer (he takes care of the likes of UI, CSS, HTML, Javascript, jQuery etc )

    can you kindly recommend what I should order?

  8. 9

    Hi Sam,
    please contact us via email to orders[at] – Thanks

  9. 10

    You have books in spanish?

  10. 12

    Oğuz Çelikdemir

    January 28, 2013 11:40 pm

    Dear Smashing book writers,

    why don’t you use “Highlight” code converter to be able colorizing your code snippets that available in the books? Highlight supporting Microsoft Office Word as well as many programming languages.

  11. 13

    Dear Oğuz,

    Thank you for your feedback! I have forwarded your suggestion to the Smashing eBook team!


  12. 14

    I wish more of your ebooks came in at least soft cover like the CSS books, HTML books, and javascript books.

  13. 15

    I just bought ‘Smashing WordPress’, the third edition. I had borrowed the second edition from a friend until the book arrived. I am disappointed that the third edition uses a much thinner letter for the text. This makes the book a lot harder to read. Please reconsider this change, it’s awful on the eyes.

    Also, a thin serif letter is not helpful when you change from screen to book and back a lot while reading.

  14. 16

    Starving Artist

    March 21, 2013 3:17 pm

    Just so you know, when the browser window is scaled very large, the images of the books (above the price listing) adapt normally to a point, but then start to get stretched horizontally and not vertically. I am running Safari on a 27″ screen.

  15. 18

    The worldwide shipping is not included Vietnamese. Can somebody tell me how to buy these books? I prefer printed books than ebooks. Thank you!

    from Gau Family Studio

    • 19

      Hi Mavis, as for worldwide shipping we do include almost all countries in the world, Vietnam as well! :)

      • 20

        Thank Markus Seyfferth,
        My friend helped me to buy one printed edition and he’ll sent it to me via postmail. It’ll take a couple of weeks. :D

  16. 21

    Dear Smashing Team,

    Before I pre-ordered the smashing book 4 that price about USD 69.90

    and that contains 2 books.

    What the differences about this new smashing book 4 have price USD 49?

    Thank you

    • 22

      Yeah I have the same question. This book 4 is different from the one I pre-ordered. Why is there two different variations?

    • 23

      I have the exact same question. I paid for 2 volumes on August 2, 2013:
      – Smashing Book #4 – New Perspectives on Coding (printed + eBook)
      – Smashing Book #4 – New Perspectives on Design (printed + eBook)

      With shipping and handling to the U.S., the total price was $79.60 ($34.90 each, $9.80 total shipping). This volume, which seems to contain the content of both books, is $53.90 ($49, $4.90 shipping).

      Did I throw away $25.70 by being an early adopter, or should I expect a refund for that amount?

      • 24

        Dear friends,

        We sent out a mailing to all readers who pre-ordered the Smashing Book #4 a couple of months ago:

        We kindly ask you to get back to us to get a refund or a voucher for your next purchase. Of course, you can also cancel your purchase any time. Please drop us an email at orders@smashingmagazine[dot[.com and we’ll get back to you right away.

        Also, you have received an email from me just now.

        • 25

          The email seems to have missed me (I checked spam and inbox) but Vitaly speaks the truth; he did send me an email directly, and quickly, and has offered either a refund of the difference, or a voucher. Kudos to him for reaching out to me personally to address this.

  17. 26

    Hi, when would the book #4 start shipping to pre-ordered customers? Thanks.

    • 27

      Hi Julie, the books will be dispatched on Nov. 26, and pre-orderers will be handled with priority, of course. We sincerely thank you for your support, Julie! Please feel free to reach out if you have any questions! :)

  18. 28

    When will this be available in the smashing library?

  19. 30

    Do you ship guys in Philippines ? If yes, is there additional fee for this book ?
    Many Thanks :)

  20. 32

    Prateek Bhatnagar

    November 19, 2013 6:56 am

    When will vol 4 be a part of “The Smashing Anthology”???

    • 33

      We will bring the new Anthology online within a few days. Will keep you posted on this (perhaps you have already subscribed to our Newsletter? ;)

  21. 34

    Hi guys,
    I don’t see if there is a possibility to buy the Book #4 – eBook only?

  22. 36

    I wish I could just order all the printed books in one shot… please email me if there is a way to do this!

    • 37

      Hi Ahmed, you might want to consider to subscribe into our newsletter (see in the sidebar above). We will enable this all-printed-books-at-once-option on Friday at latest and keep you posted by mail, once it has gone live. :)

  23. 38

    I always preorder and it is crazy that we actually have to email Smashing to get a refund. I did receive a Paypal payment for the difference, only Smashing did not send it as a refund, they sent it as a Paypal payment, which cost me 73 cents. So if you ask for a refund, be sure to tell them to send it as a refund, don’t let them short-change you. Also, apparently there was no perk for preordering. In the past they gave a discount when you preorder. Whats with that? I love your materials Smashing, but when it comes to the books, you tend to over promise and never delivery on time.

  24. 40

    Thanks Markus, you guys are very fast in customer service. I’ve already been refunded the last of my change/cents ;)

  25. 41

    I just received the printing book and I am really disappointed. Here is why :

    – It arrived with almost one month late (i preordered in august)
    – I tryied to help finance by preordering the book : “New perspective on design” but it became “new perspective on webdesign” which is not the same. It could be interesting to me since I am a designer but 75%+ of the book concerns technical aspects and development. So i preordered a book on Design and finally it’s a book on technical aspects of webdesign…

    I am realy so disappointed. If you’re a designer I don’t think this book will be really valuable to you. On the other end if development interests you, go buy it.

    The book’s title should have been “New perspectives for WebDeveloppers”…

  26. 42

    Hi Vincent, sorry to hear that. We’ve started to dispatch all books at the end of November, so the delivery took only a few business days. In case you aren’t satisfied, there’s a money-back guarantee — no strings attached. You may want to contact orders at for more information. Thanks. :-)

  27. 43

    It was great knowing all that creative ideas. Thank you.

  28. 44

    Just a friendly hint: Making the Smashing Book #3 sample a (or multiple) PDFs instead of a ZIP would allow me to view it on my iPad as well. Cause iPad says “No no no!” to evil ZIP files.

    • 45

      Thanks for the note, Kevin. I’ve updated the preview files of both Smashing Books 3 & 4 to PDF formats. :)

  29. 46

    Dear Marketing people,

    You need a third option – buying the book in print only. The thinking is that it will prompt more people to buy the print and ebook combo. I read that somewhere.


  30. 48

    Just purchased the Print + eBook.

  31. 49

    I found the book to be very good – and I learned a lot from it. However, it suffers from a really poor edit. There are paragraphs repeated all around the place, and it’s pretty frustrating. Are you guys thinking of releasing a revised version?

  32. 51

    Hey, It appears as the add to cart buttons are not work.
    Being sent to a 502 Bad Gateway.

    • 52

      Yep, I’ve been getting the same issue for the past 2 days. I hope they are fixed soon—trying to purchase some books!

  33. 54

    I still seem to be having issues with the “get the bundle” button – trying to purchase the Smashing Anthology set of books.
    Any other way of purchasing? Would like to get them ASAP.

  34. 56

    Yep, I’ve been getting the same issue for the past 2 days. I hope they are fixed soon—trying to purchase some books.

  35. 57


    I want to buy some of your book SB 4 + The Mobile Book + DIGITAL ADAPTATION + Mobile Web Handbook and i can’t.

    I am from morocco and i’ve already bought SB 3 + Extension 3 1/3 and i’ve received them… I’ve tried de buy the smashing cat and i couldn’t.

    So please : do you have a solution this so i can buy the books that i mentioned ?

    Thanks for all,
    Adil F

  36. 58


    I am from India. I had ordered Smashing book 4 on 15th September. I have received the bill in pdf format. The estimated time to deliver the book is 10 to 12 days. I have not received the book yet. Is there any provision to track my order. Kindly help.



  37. 61

    I still seem to be having issues with the “get the bundle” button – trying to purchase the Smashing Anthology set of books.
    Any other way of purchasing? Would like to get them ASAP.

    • 62

      Hi there,

      Unfortunately, we do not have any more Smashing Books #2 in stock, but do have all the other books for sale, as part of the anthology set. Please don’t hesitate to contact our Support Team at orders [at] smashingmagazine [dot] com so they can help you right away! Cheers! :)

  38. 63

    Do you guys ships to India?

  39. 65

    Kasun Siriwardana

    January 12, 2015 7:58 am

    Hi, I’m Kasun from Sri Lanka.. I am a photographer and a editor. So I want to know what book should i buy for create HDR images.. please reply.. Thank you ..


  40. 66


    I’m curious, what were the titles of Smashing Book #1 and #2? (I’m assuming that there is a #1 and #2 based on the fact that there is a #3 and #4). Are #1 and #2 available for sale?

    Thanks for your help!


  41. 68

    is this where I need to post to have my name in the Smashing Book 5: Real-Life Responsive Web Design book?

    if so: John Grayson

  42. 69

    If this is where we need to leave our names for the printing of book #5, here’s mine! Can’t wait to preorder!

    Name: Nicholas Beaty

  43. 70

    I would love a copy of book #5 please!

  44. 71

    I own the rest of the collection; am looking forward to the latest!

  45. 72

    I’m tempted to go for the Mobile Book but I’m yet to learn Responsive Design properly. Is there a tutorial that teaches Responsive Design. I know people talk a lot about using grid tools like bootstrap but I come from a from scratch HTML background and I know from that background that knowing the fundamentals of web design (HTML) continued to be using even when WYSIWG applications like Dreamweaver emerged.

    I would want to learn how to design responsively from scratch without using any Grid tool like bootstrap, and later learn how to use those tools. Is there a tutorial or book out there that cater to my need?

  46. 73

    Great, would love to have a copy!
    Kole Krstev

  47. 74

    Andrés Laplace Kellogg

    March 24, 2015 6:41 pm

    Amazing!, a must have to my collection of SM Books

    My name:
    Andrés Laplace Kellogg

  48. 75

    Smashing Book 5: Real-Life Responsive Web Design sounds awesome!

    Nancy Wu

  49. 76

    Woo hoo! Another smashing book to add to my collection, I can’t wait!

    Name: Ian Ryan Clarke

  50. 77

    Francesco Michelini

    March 24, 2015 8:39 pm

    Two copies for me, thanks!

    Name: Francesco Michelini

  51. 78

    Smashingly awesome!

  52. 79

    This is awesome!!!

    Name: Sonali Agrawal

  53. 80

    Yet another great book!! Thanks guys!

  54. 81

    Jorrit Diepstraten

    March 26, 2015 10:13 am

    I’m looking forward to add this book to my Smashing Books collection.

    Name: Jorrit Diepstraten


Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top