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

Created: 2015-11-12 04:46 Updated: 2015-11-12 04:46 Source: http://www.smashingmagazine.com/2015/03/real-life-responsive-web-design-smashin… Notebook: All Tech/Frontend Development

Jump to the content

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.

The Smashing Book 5: Real-life Responsive Web Design

$39

Get the book

Printed, gorgeous hardcover.
Get the book. 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 Forward
The illustrations inside the book were crafted by Guillaume Kurkdjian and the cover was designed by Jessica Hische. (View large version)

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. Available as print and eBook.

Smashing Book #5 has completely changed the potential for books around the web. This thing is ridiculous in how it dives deep into a topic and continues to dive deeper until you feel as though your brain might explode from the knowledge.

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.

And that’s what is most impressive to me about this book. It’s no different than sitting in a work environment with these authors and seeing how they get the job done. When you are trying to get into this field you are often left on your own to figure things out.

—Paul Scrivens, “Smashing Book #5, A Review

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.

AUTHOR CHAPTER DETAILS
Vitaly Friedman Preface
Daniel Mall Responsive Designer’s Workflow
Vitaly Friedman Responsive Design Patterns and Components
Eileen Webb Structured Content For RWD
Sara Soueidan Mastering SVG For RWD And Beyond
Zoe M. Gillenwater Building Responsive Components With Flexbox
Bram Stein Web Fonts Performance
Yoav Weiss Using Responsive Images, Today
Fabio Carneiro The Dark Side Of Responsive HTML Email
Tom Maslen Testing, Maintaining And Debugging RWD
Andrew Clarke Counting Stars: Creativity Over Predictability In RWD
John Allsopp, Matt Gaunt Beyond Responsive: Optimizing For Offline
Ben Callahan Efficient Responsive Process With Clients
Vitaly Friedman Performance Optimization Roadmap
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 shipping from Germany.
  • Available as print or eBook.
Get the new Smashing Book: Real-life Responsive Web Design

$39

Get the book

Printed, gorgeous hardcover.
Free airmail shipping worldwide.

$19.90

eBook

PDF, ePUB, Amazon Kindle.

All our dear Smashing Library subscribers will find the Smashing Book 5 eBook in their dashboard. 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.

One of the fantastic illustrations by our “Mystery Riddle” illustrator Guillaume Kurkdjian. (Large views: chapter cover, book layout)

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 @smashingmag — 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 overview. 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 form or via @SmashingSupport on Twitter. 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!

↑ 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 responsive Web design workshops, online workshops and loves solving complex UX, front-end and performance problems in large companies. Get in touch.

  1. 1

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

    0
  2. 2

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

    0
  3. 3

    Do you ship to Thailand for Free ?

    0
  4. 5

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

    0
  5. 6

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

    0
  6. 7

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

    0
  7. 8

    Pre-ordered! :)

    0
  8. 9

    Just waiting for paycheck to give you my money.

    0
  9. 10

    Any estimated time of fixing the shop.smashingmagazine.com 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.”

    0
    • 11

      Vitaly Friedmanpost author

      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.

      0
  10. 12

    Ordered my hardcover copy!

    0
  11. 13

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

    0
  12. 14

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

    2
  13. 15

    Massimo Nastasi

    March 31, 2015 3:13 pm

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

    3
    • 16

      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.

      6
  14. 17

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

    0
  15. 19

    Pre ordered!!!

    Thanks.

    0
  16. 20

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

    0
  17. 21

    Massimo Nastasi

    March 31, 2015 3:01 pm

    Great News! Time to order!

    -2
  18. 22

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

    0
  19. 25

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

    0
  20. 26

    Daniel Gusenbauer

    March 31, 2015 2:23 pm

    can’t wait.

    0
  21. 27

    Can’t wait, previous books have been awesome.

    0
  22. 28

    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.

    0
  23. 29

    Yeaaah! Looking forward to receive it!

    1
  24. 30

    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 !

    2
  25. 31

    Can’t wait to read this!

    2
  26. 32

    Looks like a ‘must have’.

    0
  27. 33

    Oh yeah, ordered :)!

    1
  28. 34

    Enoch (@enociz)

    March 31, 2015 1:14 pm

    Bring it!

    0
  29. 35

    Looking forward!

    5
  30. 36

    Lets order this bad boy :)

    5

↑ Back to top

Search on Smashing Magazine

Smashing Newsletter Smashing Newsletter

Subscribe to our email newsletter for useful tips and valuable resources, sent out every second Tuesday.

Please provide us with your email address:
The Smashing Book #5

It's finally here. Smashing Book #5, our new book on real-life responsive design. With front-end techniques and patterns from actual projects, it's a playbook to master all the tricky facets and hurdles of responsive design. Get the book. Free shipping.

The Mobile Web Handbook by Peter Paul Koch

Fixing RWD issues can be quite easy — once you understand exactly why they come up. The Mobile Web Handbook will help you understand technical issues on mobile and how to deal with them effectively.

Smashing Library

Hungry for more content? Over 60 eBooks are waiting to be discovered in our lovely Smashing Library. And guess what? You can watch Smashing Conference talks there, too.

Media Temple Logo

We are proudly hosted on
Media Temple Dedicated Servers. Performance matters.

Smashing Job Board Smashing Jobs

View more job openings…
SmashingConf Oxford 2016

SmashingConf isn't the eighth wonder of the world, but we are pretty close. Join us at SmashingConf Oxford 2016 on March 15–16. You won't be disappointed.

Smashing Book 5

Smashing Book 5
With smart front-end techniques from real-life responsive projects. Learn more...

The Smashing Library

The Smashing Library
Grab all published and upcoming Smashing eBooks, in one swoop. Learn more...

Smashing Workshops

Smashing Workshops
Join our hands-on full-day workshops, run by experts of the industry. Good stuff. Learn more...

With a commitment to quality content for the design community.
Founded by Vitaly Friedman and Sven Lennartz. 2006-2015.
Made in Germany. Write for usContact usImpressum.


View static HTML