Menu Search
Jump to the content X X

That’s Real-Life Responsive Web Design: Meet The Brand New Smashing Book 5

Smart “responsive” workflows, effective responsive design/UX patterns and powerful front-end techniques — if you need a good book on smart responsive design, our brand new Smashing Book 5 is just what you need. Neatly packed in a gorgeous hardcover, it covers time-saving, practical techniques for crafting fast, maintainable and scalable responsive websites. 584 pages, hardcover. Free worldwide airmail shipping. Get the book.1

The Smashing Book 5: Real-life Responsive Web Design2


Get the book3

Printed, gorgeous hardcover.
Get the book.4 Now shipping worldwide.

About The Book

Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why we created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges.

Just like all of our Smashing Books, the book isn’t concerned with trends or short-lived workarounds. It focuses on the actual design process — the why of the decisions we make as we craft websites. Think of it as a reliable playbook for issues that keep popping up in every responsive project — just the playbook you need to master all the tricky facets and hurdles of responsive design.

Illustration of Smashing Book 5, Chapter 11, Andrew Clarke on The Way Forward5
The illustrations inside the book were crafted by Guillaume Kurkdjian6 and the cover was designed by Jessica Hische7. (View large version8)

This book won’t solve every single issue in your responsive projects, but it will help you deal with common challenges effectively: be it front-end architecture, layout issues, resolution-independent assets, performance issues, responsive images or pretty much everything else related to responsive design. Shipping worldwide. Available159 as print1610 and eBook1711.

Testimonials From Our Readers Link

  • “Smashing Book #5 is now your RWD bible. Stop searching, buy this book, and spend a weekend filling your brain with the most useful, technical information on RWD you can find anywhere.”
    — Paul Scrivens
  • “Hands down the best web development book I’ve ever read.”
    — Kent Kadim
  • “We love this book! @smashingmag Esp.the chapter about #SVG by @SaraSoueidan 📚😍🎉”
    — Aga Naplocha
  • “The ‘Responsive Email’ chapter in the latest @smashingmag book has proven itself worth its weight in gold; cover price value well earned!”
    — Tom Jepson

Table Of Contents

We invited respected designers and developers who know a thing or two about designing and building responsive websites. The chapters have also been reviewed by active members of the community such as Jake Archibald and Dmitry Baranovsky — just to name a few.

Vitaly Friedman Preface

Summary As designers and developers, we solve problems for a living. Yet, these problems are often quite tricky and complex, and the context of these problems requires us to be creative and flexible in our workflows. With responsive design, we are prompted to create scalable design systems that work well in unpredictable environments. To do that, we need to be pragmatic and find solutions that work well within given constraints. That’s why we created this book: to find techniques that have actually worked in real-life projects with real-world challenges.

Keywords design systems scalability bulletproof solutions front-end techniques real-world challenges

Daniel Mall Responsive Designer’s Workflow

Summary In practice, responsive projects usually require more time, more skills, more testing and hence more flexibility in budgets. Addings changes late delays projects immensely, and process involving designers, developers and clients is usually tiring to say the least.

In this chapter, Daniel shares insights into his responsive design workflow from projects such as TechCrunch, Entertainment Weekly and Radio Liberty, with techniques and strategies that help him get things done well, within budget and on time (most of the time), while achieving the highest level of fidelity in shortest amount of time.

Keywords responsive workflow element collage style tiles tools deliverables performance budget interface inventory sketching planning manifestos hypothesis atomic design designing in the browser Photoshop

Vitaly Friedman Responsive Design Patterns and Components

Summary So, how do we deal with complex tables when building responsive websites? What about advanced interface components? Dashboards? What about the behaviour of web forms, navigation, mega-drop down menus, filters? Can we utilize vertical media queries and portrait/landscape orientation change? In this chapter, Vitaly will provide an overview of clever practical techniques for improving UX of responsive sites, with innovative approaches to designing “responsive modules” such as mega-drop downs, tables, calendars, accordions, maps, sliders, responsive PDF and responsive iconography — and a dash of anti-patterns to avoid as well.

Keywords design patterns navigation smart front-end techniques priority+ pattern improved off-canvas lazy loading autocomplete filters responsive PDF portrait/landscape mode sliders country selector responsive iconography.

Eileen Webb Structured Content For RWD

Summary Content created by one department is never updated by the next. Services get renamed in the navigation, but are still referenced by the old name in the body text. Important information is buried in the murky depths of flowery prose.

Sounds familiar? Many issues in responsive projects aren’t related to technology, but to content: it’s either ill-formatted or priorities get lost across screen resolutions. Let’s fix it. In this chapter, Eileen shows how structured content can help refocus on what matters, and how we as designers can use the structure intelligently to provide users with information that they need, when they need it.

Keywords structured content content consistency content models structural audit editorial content content types content relationships data-driven gaps feature-driven gaps authors and editors CMS content maintenance

Sara Soueidan Mastering SVG For RWD And Beyond

Summary This chapter has hands down on everything you need to know in order to start designing and building flexible components and visual assets with SVG. Sara will take you on a journey through SVG syntax, SVG accessibility, SVG viewport and viewBox, creating and exporting SVGs, embedding SVGs, building SVG sprites, creating SVG icon systems, using SVG Data URIs, optimizing SVG for performance, SVG conditional processing, clever SVG tricks and techniques and making SVG cross-browser responsive with CSS. Yep, everything you need to know about SVG, as promised.

Keywords SVG syntax accessibility viewport viewBox exporting embedding sprites icon systems data URIs performance smart SVG techniques responsive iconography cross-browser fallbacks

Zoe M. Gillenwater Building Responsive Components With Flexbox

Summary We can use Flexbox for a while now.12 In fact, Flexbox solves a lot of CSS shortcomings and makes building responsive layouts much easier than with floats or positioning. It gives you more control over the things you care about in a responsive layout (such as order, alignment, and proportional sizes of your boxes) and lets the browser figure out the rest; the math-y stuff that computers are good at, like the exact dimensions that are needed on the boxes to perfectly fill the available space.

Zoe shares insights from her work at, showing practical Flexbox-based techniques which make responsive sites much easier to build and maintain — even without media queries.

Keywords syntax variants flex container orientation wrapping sizing boxes flex property forms with Flexbox advanced alignment magical margins reordering boxes order property Flexbox as progressive enhancement

Bram Stein Web Fonts Performance

Summary By default, web fonts block rendering, hiding content from the user. The only way to make content accessible as soon as possible is by treating web fonts as a progressive enhancement. This doesn’t mean web font performance is not an issue. You still need to load web fonts as quickly as possible so that users experience your site exactly how you designed and built it. Let’s fix this.

In this chapter, Bram shares insights that he has learned from working at Typekit, covering web fonts and formats, font loading and font rendering, CSS Font Loading API, fallback fonts, caching, compression, inlining, subsetting and font loading strategies.

Keywords font formats font loading font-rendering FOIT and FOUT Font Loading API fallback fonts inlining fonts simulating swapping promises asynchronous loading and caching prioritized loading

Yoav Weiss Using Responsive Images, Today

Summary So you want to serve different images to different screens. Perhaps a Retina image (only) to Retina screens, or an art-directed image to small screens, or a portrait image for portrait orientation, or perhaps .webp to browsers supporting the format — without performance hits. Since images are the heaviest assets on the web, dealing with them intelligently is both our responsibility and opportunity for more dynamic layouts. That’s what native responsive images are for.

In this chapter, Yoav discusses the different responsive images use cases and how we can use the native solution today to create performant responsive websites. We will also look at ways to make these solutions easier to deploy and maintain in real projects, with Picturefill and CMS plugins for Drupal and WordPress.

Keywords CSS pixel and DPR Retina displays fixed-width images variable-width images srcset and sizes art direction <picture> element separation of concerns image format fallback accessibility background images image optimization WebP and JPEG-XR compressive images deployment common pitfalls

Fabio Carneiro The Dark Side Of Responsive HTML Email

Summary Explaining responsive HTML email is always an uphill battle, because just about every single designer and developer hates it. But there’s a lot of great, forward-looking innovation going on in the email design world. In fact, melding of responsive design techniques is absolutely possible.

In this chapter, Fabio, the technical email maestro from Mailchimp, explores what you can achieve with media queries in responsive HTML email to ensure that your emails look just fine on major email clients across different devices, and looks even better in clients that do not support media queries (such as Gmail).

Keywords email landscape CSS in email market share navigation and CTA buttons foundational markup reset and client-specific CSS fluid containers pattern-based development layout techniques Microsoft Outlook Windows Live Mail Apple Mail Mozilla Thunderbird Yahoo! Mail AOL iOS Mail Gmail

Tom Maslen Testing, Maintaining And Debugging RWD

Summary We talk a lot about designing and building responsive websites, but not so much about maintaining and testing them. Speaking from his experience at BBC, Tom has built up a way of working that minimizes the pain points that responsive web design has.

The chapter shows how you can build future-friendly CSS that will scale up to support large responsive websites; get you to take testing seriously, but not overcomplicate your workflow; and finally, how to sanely prioritize and debug common problems (layout, images, complex UI components like tables) in all kinds of devices and browsers.

Keywords “cutting the mustard” predictable, simple CSS naming conventions BEM and class names Sass organization debugging media queries lazy loading content-out media queries separation of concerns exploratory testing functional testing visual regression testing automated testing dealing with false positives common dependencies troubleshooting bugs on mobile

Andrew Clarke Counting Stars: Creativity Over Predictability In RWD

Summary Our responsive designs lack soul. You can think of many websites that are well presented, easy to use, triumphs of UX and technically competent, but few that might be remembered for years to come. Why do you think this is? Why are so few websites memorable? Could the design processes we’ve come to rely on, particularly in relation to responsive design, have hindered our creativity? Our modern web design magazines are full of advice about process, techniques and tools, but little about creativity, about humanity, or about ideas.

In this chapter, Andrew takes a closer look at how we can combine creativity with predictable design systems to create unpredictable, dynamic and memorable responsive websites — with a framework and a mindset that will challenge you to think differently about crafting websites today.

Keywords advertising user experience design creative hijinks allergic to research process and predictability building blocks of creativity intoxicated by process platform for creativity creative brief line between control and chaos buying creativity copywriting creative teams creative direction

John Allsopp, Matt Gaunt Beyond Responsive: Optimizing For Offline

Summary What if we told you that as a user, you don’t have to be online to use the web, and a website or a web application would respond to this accordingly? Think Offline First13: “We can’t keep building apps with the desktop mindset of permanent, fast connectivity, where a temporary disconnection or slow service is regarded as a problem and communicated as an error.”

John and Matt cover main technologies and practices that you’ll need to use to make your apps work as well offline, as they do online. We’ll discuss how to detect if we are online or not, HTML5 Application Cache, WebStorage and offline events, but most importantly Service Workers and how we can use them today to not only make content available offline, but also significantly improve performance and create snappy, fast experiences in (almost) no time.

Keywords navigator.onLine online and offline events HTML5 Application Cache cache manifest fallbacks AppCache gotchas Web Storage localStorage Service Workers

Ben Callahan Efficient Responsive Process With Clients

Summary Design deliverable is one thing, an efficient collaboration between teams and stakeholders is a different beast entirely. This chapter provides strategies for keeping this collaboration sane and focused.

You’ll learn how to build a good and efficient team, how to establish good pricing/time estimates for responsive projects, how to establish priorities with content priority guides and how to shift away from linear handoffs with multidisciplinary teams. A detailed chapter on getting things done, with clients, the proper way.

Keywords collaboration estimates spiraling “one-deliverable” workflow efficiency content priority guide style comparisons testing the aggregate content prototype wireframes style prototypes pattern libraries happy teams

Vitaly Friedman Performance Optimization Roadmap

Summary If somebody tells you that responsive websites are bloated, heavy and slow by default, and that it’s very difficult to make them fast, don’t believe them — they are liars. If you set the priorities right and build the website with progressive enhancement in mind, you can create extremely fast responsive websites that work well across devices: with one code base working everywhere.

In this chapter, yours truly will be sharing what we’ve learned over the last year about the performance challenges of this very website and about the work we’ve done in-house in big and small companies. If you want to craft a fast responsive website, you might find a few interesting nuggets worth considering.

Keywords mobile first jQuery dependence dealing with IE8 advertising refactoring code inventory front-end optimization performance budget SpeedIndex deferring web fonts critical CSS smart font fallback dealing with JavaScript asynchronous loading SPDY/HTTP 2.0 core content/functionality priority lists responsive images

Daniel Mall Ben Callahan Eileen Webb Sara Soueidan Zoe M. Gillenwater Bram Stein
Yoav Weiss Fabio Carneiro Tom Maslen Andrew Clarke John Allsopp Matt Gaunt Vitaly Friedman
From left to right: Daniel Mall, Ben Callahan, Eileen Webb, Sara Soueidan, Zoe M. Gillenwater, Bram Stein, Yoav Weiss, Fabio Carneiro, Tom Maslen, Andrew Clarke, John Allsopp, Matt Gaunt and yours truly.

Technical Details Link

  • 584 pages, 16.5 × 24.0 cm (6.5 × 9.5 inches),
  • Quality hardcover with stitched binding and a ribbon page marker,
  • The eBook contains PDF, EPUB, and Kindle.
  • Free worldwide airmail shipping14 from Germany.
  • Available159 as print1610 or eBook1711.
Smashing Book 5 laying on a wooden table18


Get the book19

Printed, gorgeous hardcover.
Free airmail shipping worldwide.



PDF, ePUB, Amazon Kindle.

All our dear Smashing Library21 subscribers will find the Smashing Book 5 eBook in their dashboard22. All printed books are being shipped from Germany via free airmail shipping. Yay!

Why This Book Is For You

If you’re looking for smart design patterns and strategies for building fast, flexible responsive websites efficiently, this book is just for you. It’s a responsive design handbook with valuable, time-saving techniques that will help you avoid hacky workarounds and solve common responsive issues effectively. You’ll learn how to:

  1. Be efficient in your responsive workflow,
  2. Tackle common content issues in RWD,
  3. Manage complex responsive interface components,
  4. Design systems with atomic design process,
  5. Master advanced SVG techniques,
  6. Avoid dirty hacks with smart Flexbox techniques,
  7. Build scalable, maintainable CSS layouts,
  8. Manage web fonts performance issues,
  9. Implement responsive images today,
  10. Craft responsive HTML email newsletters,
  11. Test, maintain and debug responsive sites.
  12. Make responsive websites fast and snappy,
  13. Set up a bulletproof performance optimization roadmap,
  14. Enhance your website with offline features,
  15. Avoid generic solutions and stay creative with RWD.
23 24
One of the fantastic illustrations by our “Mystery Riddle” illustrator Guillaume Kurkdjian. (Large views: chapter cover25, book layout26)

Add Your Name Into The Book!

The Smashing Book 5 is being written and will be published in the spirit of our fantastic community — written by designers and developers for people like you, designers and developers who care about their craft. This book wouldn’t exist without your kind support. That’s why, just like with our previous Smashing books, we kindly invite(d) you to submit your name into the book. All spots have been reserved — thank you for joining in!

Just about 1,500 names will fit properly on the two dedicated pages, so please don’t wait too long. First come, first served! Please also avoid grammar mistakes or blatant advertising. Thank you again for your kind support throughout the years, our dearest readers!

Frequently Asked Questions Link

If you have any questions, we are right here to answer them. We love our customers, and we’d love to help you in any way or just listen to your story. So please feel free to ask questions via Twitter @smashingmag27 — we’ll get back to you right away. Just in case: here are answers to some frequently asked questions.

Shipping costs for my country?
There’s no shipping costs for Smashing Book5 or all orders above $20 — wherever you are in the world! We ship everywhere worldwide. We are paying a share of the shipping costs ourselves to make it possible for anyone to purchase the book. Our prices are transparent: we don’t have any hidden costs, and we won’t confuse you with tricky calculations. What you see is what you pay.
Delivery times to my country?
All books will be shipped via airmail to keep delivery times as short as possible. You can find the anticipated delivery time for your country in the delivery times overview28. Shipping has started mid-July 2015.
Is Smashing Book 5 available as an eBook?
Yep, sure. The book is available in PDF, ePub and Amazon Kindle formats.
What payment methods are accepted?
We accept PayPal, VISA, MasterCard and American Express. Of course, we use a secure connection, with 256-bit AES encryption and a green GeoTrust Extended Validation SSL CA certificate. And no, we don’t store your credit card data on our servers.
Is there a money-back guarantee?
Yes, absolutely! No risk is involved. Our 100-day full money-back guarantee keeps you safe. Don’t hesitate to return your purchase. You’ll get your money back with no ifs, ands, or buts!
I have a question that is not covered here.
Please leave a comment below, or get in touch with us via the contact form29 or via @SmashingSupport on Twitter30. We would love to help you in any way we can — you know that!

That’s it, everyone! We sincerely appreciate your support and trust, and we’ll make sure to deliver the book to you as soon as possible. Cheers!

Footnotes Link

  1. 1 #your-smashing-book
  2. 2 #about-the-book
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9 #your-smashing-book
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15 #your-smashing-book
  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

↑ Back to top Tweet itShare on Facebook

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs front-end/UX workshops, webinars and loves solving complex UX, front-end and performance problems in large companies. Get in touch.

  1. 1

    Lets order this bad boy :)

  2. 2

    Jonathan Kelly

    March 31, 2015 1:06 pm

    Looking forward!

  3. 3

    Enoch (@enociz)

    March 31, 2015 1:14 pm

    Bring it!

  4. 4

    Manuel Hanel

    March 31, 2015 1:18 pm

    Oh yeah, ordered :)!

  5. 5

    Jordan Simpson

    March 31, 2015 1:19 pm

    Looks like a ‘must have’.

  6. 6

    Can’t wait to read this!

  7. 7

    Really curious after #5, especially the parts about SVG and flexbox.
    Working on some ideas for a styleguide so that chapter would come in handy as well !

  8. 8

    Yeaaah! Looking forward to receive it!

  9. 9

    Juha Lehtonen

    March 31, 2015 1:42 pm

    Awesome news :) Going to order this in just a few moments.

    Really loving the table of contents and how day-to-day and relevant it seems to be for us all in 2015.

  10. 10

    Can’t wait, previous books have been awesome.

  11. 11

    Daniel Gusenbauer

    March 31, 2015 2:23 pm

    can’t wait.

  12. 12

    Ah this is going to be great. Can’t wait to read :)

  13. 13

    Wanted to order this but looks like the store is down …

  14. 16

    Massimo Nastasi

    March 31, 2015 3:01 pm

    Great News! Time to order!

  15. 17

    André Romão

    March 31, 2015 3:02 pm

    As usual, a must have. Already pre-ordered!

  16. 18

    Pre ordered!!!


  17. 19

    John Burkhard

    March 31, 2015 3:10 pm

    Can’t wait to get this! Announced on my birthday!

  18. 21

    Massimo Nastasi

    March 31, 2015 3:13 pm

    Can you explain why i have 29 dollars here but i must pay 29 euro?

    • 22

      Markus Seyfferth

      March 31, 2015 3:30 pm

      Massimo, please convert the $29 to Euros = 27€, and add the European VAT (up to 23% sales tax), and you’ll land at more than 30€ in most cases.

      €29 are fairly converted if you take into account that $29 are priced without any sales tax.

  19. 23

    Tan Boon Tatt

    March 31, 2015 3:17 pm

    Yay! Preordered!
    My first hardcover from Smashing Magazine :)

  20. 24

    Kesha Antonov

    March 31, 2015 5:39 pm

    Preordered eBook.
    I need it! Please release soon guys!)

  21. 25

    Devin Rajaram

    March 31, 2015 5:52 pm

    Ordered my hardcover copy!

  22. 26

    Lorraine Elder

    March 31, 2015 6:54 pm

    Any estimated time of fixing the server problems? I’ve tried repeatedly to order the book and keep getting this error: “There was an error processing your order. Please contact us or try again later.”

    • 27

      Vitaly Friedman

      March 31, 2015 7:03 pm

      Please keep trying, Lorraine — the servers are busy, but everything should be fine. In the worst case, or just contact us via help@smashingmagazine, and we’ll sort it out right away! Sorry for the hassle.

  23. 28

    Just waiting for paycheck to give you my money.

  24. 29

    Pre-ordered! :)

  25. 30

    I think it is the best way to spend some Euros.
    Happily pre-ordered.

  26. 31

    Adele Cloete

    March 31, 2015 9:04 pm

    yip! Cant wait to have this one in my grasp! Good job Smashing team!!

  27. 32

    Just put my order in. I look forward to receiving my hard and soft copy soon!

  28. 33

    Do you ship to Thailand for Free ?

  29. 35

    Woohoo!! Pre-ordered this! Will have to patiently wait now :)

  30. 36

    Pre-ordered! Ура, успел заказать)

  31. 37

    Ordered it :)

  32. 38

    I have not been able to fill the order at
    On the Payment Information tab, after filling the CVC field (credit card payment option), the field is cleared after a couple of seconds.
    If I type the CVC field and click button “Review Order” before the field is cleared, the following error message is displayed in red: “There is a problem occurred: Unknown Error”.

    • 39

      Markus Seyfferth

      April 1, 2015 7:41 pm

      Sorry to hear this Paulo! Could you please try the following: first, empty the browser cache and the shopping cart, and start the checkout once again — it should be working then.

      If not, feel free to ping us at help@smashingmagazine any time! Thanks, Markus

  33. 40

    Pre-ordered! :)

  34. 41

    Aaron Rhoades

    April 2, 2015 4:57 am

    But I just bought Smashing 4….

    Haha, I would pre-order this in a heartbeat if I wasn’t counting pennies right now. I’ll probably get Smashing 5 once I’m done with 4. I’m not even half way through and I already feel infinitely more knowledgeable than I was.

    I’m also new to the Smashing community. You guys rule.


    • 42

      I’m trying to get a copy of #4 – but a hard copy. I’m dying to read it, but it’s only available as eBook now. Boo!!

      I’ll get #5 as well once I’ve read and digested #4 (IF I can get hold of a hard copy of course) :) Money money money…

  35. 43

    John Donavan

    April 2, 2015 5:25 am

    Seems interesting. Right away ordering the book. Being into web development this is gonna help in number of ways. Thanks your web development team.

  36. 44

    Donovan Hutchinson

    April 2, 2015 9:07 am

    Looking forward to this book! :)

  37. 45

    Vatsal Chaoji

    April 2, 2015 9:39 am

    Will the ebooks be still available after one year if I buy $99 Smashing Library Subscription Package ? What are the formats that you share the ebooks in ? Do I need to install an app ?

    • 46

      Markus Seyfferth

      April 2, 2015 10:04 am

      Yes, all books will still be available even if your subscriptions ends. Our eBook formats are pdf/epub/kindle, so that you can read them on every tablet or eBook reader. We don’t require any apps to be installed, but it might help if you use the standard apps of your device, iBooks, for instance.

  38. 47

    Robert Šinko

    April 2, 2015 10:18 am


  39. 48

    Sarah Elisa

    April 4, 2015 5:45 pm

    I really liked this part of the article, with a nice and interesting topics have helped a lot of people who do not challenge things people should know. you need more publicize this so many people who know about it are rare for people to know this. success for you !!!

  40. 49

    Dirk Detmar

    April 7, 2015 7:00 pm

    How about shipping to Brazil?

    • 50

      Markus Seyfferth

      April 7, 2015 8:56 pm

      No problem, we ship to Brazil, too. It takes about 10-15 business days and we ship via airmail, of course. :-)

  41. 51

    Shinji Akhirah

    April 16, 2015 7:21 pm

    Just placed my pre-order…excited for some good reading this autumn!

  42. 52

    Please, stop selling book full of air. Thanks.

  43. 53

    I placed an order this morning. and this will be my first smashing hardcover. :)

  44. 54

    Natasha Norton

    May 14, 2015 5:43 pm

    Book bought, let the learning begin.

  45. 55

    I would LOVE to own this book! I just wish I had the $29 (or even the $9.90 for the eBook)….

    Soon… I hope!

  46. 56

    Your eBook button says $9.90, but upon clicking the price appears as $19.90. What gives? I’d likely pay the $19.90… but its a little sad when you say its $9.90 first. Do we need a discount code to get that price?

  47. 57

    I purchased the e-book back in May, when will it be available for download? Excited to start reading :)

    • 58

      Markus Seyfferth

      June 3, 2015 3:52 pm

      Thanks for the purchase Michele! It’s actually available since June 2nd — I’ll make sure you’ll receive the download email in a few minutes.

  48. 64

    I really dislike it when the US Virgin Islands is International Shipping. Our postal system is the United States Postal Service.

  49. 65

    I bought the book and ebook, but I can’t find where I can download the ebook :)

  50. 66

    Sir,I will like to be a member of lead blogger in the planet.It can be simply boost my mind and creative heart to work online for educating the people and the business all around the world.If you can please help me to motivate the world with my own system of production I will make the people in the world to be very happy to join hand and become united.Thanks.

  51. 67

    I ordered both the the print and eBook in April, and I’ve received NOTHING. Can you tell me the status of my order?

    • 68

      Albert Antiquera

      June 10, 2015 2:44 pm

      I think they are still having trouble with their shop migration. I emailed them about it a few weeks ago and that’s what they told me. I rechecked again today to see if the problem was fixed but it still looks like it isn’t…My order status says that it has been “fulfilled” already :/

      • 69

        Markus Seyfferth

        June 23, 2015 8:58 am

        Albert, you’ve got yours as of today! Thanks for your patience! And yes, migrating a shop can be really painful…

    • 70

      Markus Seyfferth

      June 10, 2015 4:55 pm

      Hi Ragan, thanks for your patience! You should have received the eBook now.

  52. 71

    Abdul Sattar

    June 14, 2015 7:19 pm

    Hii…Pre-ordered the ebook long long ago:)…….still haven’t received any email……the order status says fulfilled….can you please look into this…..Thanks!

  53. 73

    Has anyone received their printed copy yet?

    • 74

      Not yet. Release is supposed to be late June – so hopefully soon!

      • 75

        Oh oh!
        “Late June” has been transferred to “mid-July”:

        “Shipping will start in mid-July 2015.”

        • 76

          Markus Seyfferth

          June 26, 2015 8:50 am

          That’s right, so we’re 6 weeks behind the initial schedule — sorry about that!

  54. 77

    Randall White

    June 23, 2015 3:24 pm

    Does the book have an ISBN or ISBN 13 number yet?

    • 78

      Markus Seyfferth

      June 26, 2015 8:49 am

      Hi Randall, the ISBN number of the printed book is 978-3-945749-21-0. :-)

  55. 79

    Zachary Price

    June 28, 2015 7:58 pm

    I too have purchased some time ago. I’ve been in touch with you guys and I am aware of the deal. I did want to ask about how I can at least download the eBook in the meantime though.

    Your thoughts?

    • 80

      Markus Seyfferth

      July 3, 2015 2:40 pm

      Sorry for let you waiting! You’ve got the email with the download link right at this moment. Let me know if you have any further questions! Thanks, and enjoy a wonderful weekend.

  56. 81

    I also have not received an email link, i purchased the book almost immediately upon hearing it was being written. Kind of unprofessional that you guys are only sending out the download links to people that are complaining about it here…?

    • 82

      Markus Seyfferth

      July 3, 2015 2:38 pm

      Rick, you’ve got mail right now, sorry for the delay!

  57. 83

    Ayman Gaafar

    July 2, 2015 12:32 pm

    Hi, I have ordered the book long ago and did not recieve the ebook till now, can you please advise. Thanks.

    • 84

      Markus Seyfferth

      July 3, 2015 2:35 pm

      So sorry for let you waiting! You’re receiving an email to the eBook files right at this moment. For any further questions, please do get in touch with Inge and Kristina at help [at] Thanks!

      • 85

        Ayman Gaafar

        July 3, 2015 4:53 pm

        Thanks Mark, recieved the email and downloaded the ebooks. Waiting for the printed one :).

  58. 86

    Kesha Antonov

    July 2, 2015 9:29 pm

    I’ve ordered 1.5 months ago. Still no book.

    • 87

      Markus Seyfferth

      July 3, 2015 2:33 pm

      Hi Kesha,

      That’s the nature of a pre-release, sorry about that! The book is in printing right now and will be shipped mid-July! Whenever you have any further questions, please do get in touch with Inge and Kristina at help [at]


  59. 88

    Katie Purdy

    July 8, 2015 1:31 pm

    Hey there! I have also been eagerly awaiting access to the ebook version that I pre-ordered. May I get a download link emailed as well?
    Thanks in advance! :)

    • 89

      Markus Seyfferth

      July 16, 2015 8:10 am

      Hello Katie, so I’ve sent you the eBook files right now. Thanks for your patience and enjoy the read! :-)

  60. 90

    Kelvin Travers

    July 14, 2015 1:17 pm

    Also still waiting for the email to get the ebook, ordered 31st March

  61. 93

    Romain Gaget

    July 17, 2015 12:46 pm

    I’ve ordered the bundle ebook and hardcopy months ago ans still haven’t received anything?

    • 94

      Markus Seyfferth

      July 17, 2015 3:50 pm

      Thanks for getting in touch! So your’s is now on the way, please check you email! Happy reading! :-)

  62. 95

    I received my physical copy of the book today but can’t seem to find access to the ebook version anywhere.

  63. 96

    Lara Littlefield

    July 21, 2015 2:16 pm

    Only two chapters of this book are written by women. Do you think that book 6 could achieve a bit more diversity? Thanks! Can’t wait to read Sara’s chapter!!

    • 97

      82.6% of the web designers are male. Diversity ratio in this book seems right to me. Who really cares anyway? I don’t care if the writer is male or female, as long as they know what they’re writing about

  64. 98

    Dimitris Kalaitzidis

    July 22, 2015 10:26 am

    I just received the book!


  65. 100

    Yay! Just received my book today!
    Looks and feel great and it worth the wait. Thank you to all authors and contributors – impressive work!
    Waiting for the eBook files now. :)
    Thanks again!

    • 101

      Markus Seyfferth

      July 24, 2015 7:53 pm

      Okido, your eBook should arrive in a few seconds, sorry for the delay!

      • 102

        No problem! I have trust in you. :)
        And yes, it arrived in my email box. Thank you, Markus!

  66. 103

    I have received the hardcover book but otherwise no information on where to download the eBook. Please advise.


    • 104

      Markus Seyfferth

      July 24, 2015 7:51 pm

      Alrighty, the eBook is currently landing in your inbox. Thanks for your patience and enjoy reading it! :-)

  67. 105

    Hi there!

    Like others here before me, I can’t find any way to download my eBook. There’s no link in my account area and I’ve received no email about downloading the book. Any help/update would be greatly appreciated!


    • 106

      Markus Seyfferth

      July 28, 2015 1:49 am

      Our mistake Aaron! But, the eBook is now landing in your inbox. Enjoy! :-)

  68. 107

    Are there downloadable code samples for any of the examples in the book?

    • 108

      Markus Seyfferth

      August 1, 2015 6:43 am

      Hi Tracy, the book contains numerous code examples on SVG, Responsive Images, Flexbox, Web Fonts and more!

  69. 109

    Benson Hougland

    August 14, 2015 5:28 pm

    I ordered and have received my book (nice hardcover). However, I haven’t received the eBook edition. When should I expect to get that email? Thank you. -Benson


↑ Back to top