#smashing book

http://www.remelehane.co.za/deal-of-the-week-inspiring-book-offer-from-smashing-magazine/?Tumblr

   The brand new Smashing Mobile Book was officially launched a couple of weeks ago and since then we’ve been receiving remarkable feedback and overwhelming, positive book reviews. You thought it’s done now? Well, it’s not! We now have an exclusive bonus ready for you: The Mobile Book Addendum is now available for free download. _Once you’ve ordered your printed copy of The Mobile Book, you’ll receive the eBook version in PDF, ePUB and Kindle formats, as well as the Mobile Book Addendum._ The Mobile Book Addendum is free of charge to everyone who orders a copy of the Mobile Book. Of course, if you have _already_ ordered the Mobile Book, the Addendum is waiting for you in your personal dashboard — available in PDF, ePUB and Kindle. Also, keep in mind that the digital version of the Mobile Book and Addendum are included in the Smashing eBook Library — our annual subscription with 70% discount on all Smashing eBooks. _The Mobile Book Addendum_ The Mobile Book (+Addendum!) The future is mobile. As more and more people are turning to mobile devices, designers and developers are facing new challenges and opportunities. Web design has to adapt. But before it can do so, we have to do our homework — understand the new medium and discover the right techniques and tools to design for it. Our brand new Mobile Book serves exactly this purpose. These extra chapters of the Mobile Book provide insights into design and development for iOS, Android, Windows Phone, as well as introduce techniques for advanced HTML5 Web applications and explore UX patterns on these platforms. Table of Contents (Addendum) AUTHOR CHAPTER DETAILS Greg Nudelman Rian van der Merwe Mobile Design Patterns The key to using design patterns is not to get caught up in copying the exact implementations, but instead to witness the underlying reasons for why something works, and then adopt a unique design situation with authenticity, grace and vision. This chapter attempts to collect strategic patterns that reflect the underlying customer experience trends unique to the mobile environment, and use examples of particular implementations that call out important existing or emerging trends. Chapter keywords: _faceted refinement, parallel search, zero results recovery, tap-ahead, engagement, rollaway dashboard menu, tabbed views, reading and pagination._ Nathan Barry Getting Started With Design And Development For iOS As an experienced designer of iPhone and iPad applications, Nathan Barry takes us on a detailed journey through the iOS platform. Starting with general culture and language of iOS, he moves to iOS design patterns, technical implementations in Xcode, the design and development process for new iOS apps as well as pricing, marketing and submission guidelines. Each section is accompanied with examples, suggestions and best practices. Chapter keywords: _mobile, user experience, native applications, native as culture, interaction design principles, responsive Web design._ Arturo Toledo Designing Windows Phone Apps With its new Windows design language, Microsoft created an entirely new design methodology focused on the content of applications, relying more on type and less on graphics. In this chapter, Arturo Toledo, former UX designer at Microsoft, explains the new design concepts such Hub & Spoke model, Panoramas, Pivots and Pages, reviews Windows Phone design grid and design guidelines, provides UX advice on when what model is most appropriate and presents a workflow from the ideation phase to the design and development phase of a Windows phone app. Chapter keywords: _sketching, flow, hub & spoke model, panoramas, pages, list views, design grid, app bar, animations, branding._ Table of Contents: The Mobile Book (Printed) AUTHOR CHAPTER DETAILS Jeremy Keith Foreword Jeremy Keith has been around on the Web for a while and saw the emerging mobile medium from its earliest days. With his preface for the Mobile Book, Jeremy introduces us to this new facet of the Web and the new possibilities and challenges that the Mobile industry produces as a relatively young medium. Peter-Paul Koch What’s Going on in Mobile? This chapter provides a general overview of what’s going in the mobile industry today, who are its main players and how they influence each other. From a technical perspective, the chapter reviews the peculiarities of mobile networks and platforms, existing mobile browsers and guidelines for testing websites on mobile. You’ll understand the mobile market, how it works, what it involves and how it affects our daily work. Chapter keywords: _mobile value chain, operators, device vendors, fragmentation, Android, iPhone, Windows Phone, OS vendors, proxy browsers, open device lab, mobile network._ Stephanie Rieger The Future of Mobile This chapter provides a glimpse of where the future of mobile might lead, and what technologies will lead us there. These include new low-power computer chips, new display technologies, new APIs and the growing penetration of near field communication (NFC). But more important than the technologies themselves is how they will need to work together, enabling new and exciting ways to do business, to connect with friends and family and to interact with the world around us. Chapter keywords: _connected devices, TVs, consumer customization, display technologies, RFID, NFC, Device APIs._ Trent Walton Responsive Design Strategy The main components of _Responsive Web Design_(RWD) — flexible grids, flexible images, and media queries — are just the tip of the iceberg. And with the ever-increasing number of devices flooding the market, RWD is the most effective way to address them all at once. This chapter by Trent Walton features strategies, techniques and design workflow tips on building effective and bulletproof responsive designs. Chapter keywords: _image aspect ratios, resolution independence, breakpoints organization, vertical and em-based media queries, content choreography, image hierarchy, fluid type._ Brad Frost Responsive Design Patterns As Responsive Design continues to evolve, we’re confronted with difficult problems about how to create adaptive interfaces that look and function beautifully across many screen sizes and environments. E.g. how do we handle navigation that’s four levels deep? This chapter features emerging responsive design patterns and explains how to use them meaningfully in your projects. Brad Frost provides useful tips and expert advice on various design elements covering everything from complex navigation to advanced data tables. Chapter keywords: _style guides, layout, navigation, conditional loading, progressive disclosure, background images, icons, maps, type, carousels, accordions, forms, tables._ Dave Olsen Optimization For Mobile Although Responsive design per se has provided a great fundamental concept for designing mobile-optimized websites, the core ideas that make up these concepts pre-date the mobile revolution. In this chapter, Dave Olsen reviews what it takes to optimize mobile experiences in terms of performance. How do we keep responsive websites lightweight? What do we need to know about caching, lazy loading, latency? How can we start using RESS? Device detection or feature detection? Also, how do we develop and test our websites for performance? This chapter answers all these questions and more. Chapter keywords: _mobile performance, latency, localStorage, lazy loading, Data URI scheme, JS frameworks, RESS, browser detection, feature detection._ Dennis Kardys Hands On Design for Mobile (UX Perspective) Mobile requires us to rethink the way we create, develop and build experiences for our users. In this chapter, you’ll look at some of the more glaring pitfalls to conventional processes, specifically as they pertain to how we design—and how we communicate design—for an increasingly mobile-accessed Web. You’ll learn about implementing and selling processes that support a realistic understanding of what it means to design with mobile in mind. Chapter keywords: _psychology, contextual interviews, collaborative design workshops, design studio methods, sketching, wireframing, convergent prototyping._ Josh Clark Designing With Gestures and Touch Among the many new opportunities of the mobile medium are the capabilities of mobile devices. One of the major interaction changes, however, involves gestures and touch. In this chapter, Josh Clark explains how we can use them to improve the mobile user experience and provides concrete examples of implementations in real-life applications. Sample and Technical Details * Download the free sample (PDF, 8.0 Mb) The full chapter “Responsive Design Strategy” by Trent Walton. * 336 pages, 16.5 × 24.0 cm (6.5 × 9.5 inches). Real quality hard cover, with stitched binding and a ribbon page marker. * Delivery only via airmail from Berlin, Germany. $5 worldwide shipping (check worldwide delivery times). * Get your Mobile Book now! Also available as an eBook (PDF, EPUB, Kindle). _The Mobile Book. Large preview_ _The Smashing eBook Library_ 60 Quality eBooks For €89/$99 A Year The Smashing Library: Eine super Sache für alle! Web design is an ever-changing industry, so if you want to learn how to get better at your craft and stay up-to-date with what’s going on, learn what techniques are emerging and what practices are changing, the Smashing Library is just what you are looking for. The Smashing eBook Library grants you immediate unlimited access to all Smashing eBooks, released in the past and in the future, including digital versions of all of our printed books! The annual fee of €89/$99 covers the immediate access to the complete Smashing library — we think that’s a reasonable price for a total of 60 quality eBooks during the first year. Subscribe today! Snapshots Of The Mobile Book Some of our Smashing readers and fans have already received their printed copies of The Mobile Book and have kindly sent us their pictures to share their joy. Thanks to everyone who has sent us a snapshot of their copies of the Smashing Mobile Book! Please feel free to send more pictures to ideas [at] smashing-media [dot] com! _Image Credits: Josh Johnson_ _Image Credits: Billy Moat_ _Image Credits: Jordan Moore_ _Image Credits: Carsten Schuetz_ _Image Credits: Jordan Moore_ _Image Credits: David Roessli_ _Image Credits: Lucas Dechow_ _Image Credits: Jason Gittings_ _Image Credits: Pete Hotchkiss_ _Image Credits: Christopher Butler_ Thank You For Your Support! We would appreciate it if you could inform your friends, colleagues and followers about the book. Feel free to link to www.the-mobile-book.com, this post and use the hashtag #mobilebook on Twitter. _Once you’ve ordered your printed copy of The Mobile Book, you’ll receive the eBook version in PDF, ePUB and Kindle formats, as well as the Mobile Book Addendum._ Thank you for your support, everybody—we truly appreciate it. And we hope that you’ll love the Mobile Book just as much as we do! --- © Smashing Editorial for Smashing Magazine, 2013. http://goo.gl/w2qAP Reme Le Hane

   Yes, our brand new Smashing Mobile Book has finally arrived, and it has _almost_ reached your doorstep! If you’ve already pre-ordered the book weeks ago, then it’s really only a matter of days! Until then, the complimentary digital version is waiting for you in your Smashing Shop dashboard. And if you haven’t ordered just yet, make sure to get the book now! At this very moment, all pre-orders are being shipped from Berlin, Germany, by airmail. Due to an unexpected huge amount of pre-orders in the past days, delivery of the new book orders will take a bit longer since we only have a limited amount of printed books in pre-sale stock. Of course, we are printing extra copies in this very moment as you read this post. But unfortunately, the shipping of the new printed copies can only start in early January 2013. Still, you get the eBook automatically once you’ve ordered the printed book, so you can start reading right away! eBook Is Now Available The eBook of the Mobile Book is available for download immediately: PDF, ePUB and Kindle formats for your convenience. If you have pre-ordered the book, your eBook is waiting for you in your Download Area. Also, keep in mind that the eBook is included in the Smashing eBook Library—our annual subscription with 70% discount on all Smashing eBooks. And if you still haven’t ordered yet, you can get the Mobile book right now, and start reading within a couple of minutes! You won’t be disappointed. Why? Let’s see why. About the Book Our brand new printed Mobile Book features the most important things that you need to know as a designer, developer or mobile strategist to make your websites optimized for mobile. 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. If you are looking for a good book on mobile, this is _the one_. Table of Contents When setting up the concept of the book, we worked hard to ensure a delicate balance between advanced knowledge and the current state of the art: AUTHOR CHAPTER DETAILS Jeremy Keith Foreword Jeremy Keith has been around on the Web for a while and saw the emerging mobile medium from its earliest days. With his preface for the Mobile Book, Jeremy introduces us to this new facet of the Web and the new possibilities and challenges that the Mobile industry produces as a relatively young medium. Peter-Paul Koch What’s Going on in Mobile? This chapter provides a general overview of what’s going in the mobile industry today, who are its main players and how they influence each other. From a technical perspective, the chapter reviews the peculiarities of mobile networks and platforms, existing mobile browsers and guidelines for testing websites on mobile. You’ll understand the mobile market, how it works, what it involves and how it affects our daily work. Chapter keywords: _mobile value chain, operators, device vendors, fragmentation, Android, iPhone, Windows Phone, OS vendors, proxy browsers, open device lab, mobile network._ Stephanie Rieger The Future of Mobile This chapter provides a glimpse of where the future of mobile might lead, and what technologies will lead us there. These include new low-power computer chips, new display technologies, new APIs and the growing penetration of near field communication (NFC). But more important than the technologies themselves is how they will need to work together, enabling new and exciting ways to do business, to connect with friends and family and to interact with the world around us. Chapter keywords: _connected devices, TVs, consumer customization, display technologies, RFID, NFC, Device APIs._ Trent Walton Responsive Design Strategies The main components of _Responsive Web Design_(RWD) — flexible grids, flexible images, and media queries — are just the tip of the iceberg. And with the ever-increasing number of devices flooding the market, RWD is the most effective way to address them all at once. This chapter by Trent Walton features strategies, techniques and design workflow tips on building effective and bulletproof responsive designs. Chapter keywords: _image aspect ratios, resolution independence, breakpoints organization, vertical and em-based media queries, content choreography, image hierarchy, fluid type._ Brad Frost Responsive Design Patterns As Responsive Design continues to evolve, we’re confronted with difficult problems about how to create adaptive interfaces that look and function beautifully across many screen sizes and environments. E.g. how do we handle navigation that’s four levels deep? This chapter features emerging responsive design patterns and explains how to use them meaningfully in your projects. Brad Frost provides useful tips and expert advice on various design elements covering everything from complex navigation to advanced data tables. Chapter keywords: _style guides, layout, navigation, conditional loading, progressive disclosure, background images, icons, maps, type, carousels, accordions, forms, tables._ Dave Olsen Optimization For Mobile Although Responsive design per se has provided a great fundamental concept for designing mobile-optimized websites, the core ideas that make up these concepts pre-date the mobile revolution. In this chapter, Dave Olsen reviews what it takes to optimize mobile experiences in terms of performance. How do we keep responsive websites lightweight? What do we need to know about caching, lazy loading, latency? How can we start using RESS? Device detection or feature detection? Also, how do we develop and test our websites for performance? This chapter answers all these questions and more. Chapter keywords: _mobile performance, latency, localStorage, lazy loading, Data URI scheme, JS frameworks, RESS, browser detection, feature detection._ Dennis Kardys Hands On Design for Mobile (UX Perspective) Mobile requires us to rethink the way we create, develop and build experiences for our users. In this chapter, you’ll look at some of the more glaring pitfalls to conventional processes, specifically as they pertain to how we design—and how we communicate design—for an increasingly mobile-accessed Web. You’ll learn about implementing and selling processes that support a realistic understanding of what it means to design with mobile in mind. Chapter keywords: _psychology, contextual interviews, collaborative design workshops, design studio methods, sketching, wireframing, convergent prototyping._ Josh Clark Designing With Gestures and Touch Among the many new opportunities of the mobile medium are the capabilities of mobile devices. One of the major interaction changes, however, involves gestures and touch. In this chapter, Josh Clark explains how we can use them to improve the mobile user experience and provides concrete examples of implementations in real-life applications. To ensure the quality of the book’s content, the chapters have been reviewed by a number of active members of the mobile design community such as Scott Jenson, Bruce Lawson, Lyza Danger Gardner and Bryan Rieger—just to name a few. It wasn’t easy to bring together such a stellar line-up of experts, but a compromise wasn’t an option. Sample and Technical Details * Download the free sample (PDF, 8.0 Mb) The full chapter “Responsive Design Strategy” by Trent Walton. * 336 pages, 16.5 × 24.0 cm (6.5 × 9.5 inches). Real quality hard cover, with stitched binding and a ribbon page marker. * Delivery only via airmail from Berlin, Germany. $5 worldwide shipping (check worldwide delivery times). * Get your Mobile Book now! Also available as an eBook (PDF, EPUB, Kindle). _The Mobile Book. Large preview_ Extra eBook: Addendum Initially, we wanted to cover all popular mobile topics within the printed book, but because some chapters took more time to write and review than planned, we decided to release them in an addendum to the printed book. All buyers of the Mobile Book will get the Addendum for free. The eBook will provide insights into design and development for iOS, Android, Windows Phone, as well as introduce developing and debugging techniques for advanced HTML5 Web applications and explore UX patterns on these platforms. _Our new Mobile Book is available as a printed book, single eBook and together with a Mobile eBook Bundle. The eBook is also part of the Smashing eBook Library._ What Reviewers Say About The Mobile Book A few reviewers have had the chance to read the book a few days before its release, and share their views in a non-committal way. The result is very clear: the book is worthwhile. Should you get it? Yes! Let’s see why: “I got my hands on an early copy of The Mobile Book, by _Smashing Magazine_. I’ll cut to the chase and just say this: It’s fantastic. You should own it. Really.” — Christopher Butler “The standard, the reference book for Mobile. I worked for a mobile web publishing company for 18 months and the depth of knowledge provided by the experts in this book is extraordinary. It blew me away. This book provides a diplomatic, comprehensive guide to understanding “Mobile”, delivered by people who have a real passion for the Mobile endeavours in our community.” — Ben Howdle “I’ll cut to the chase for those deliberating a purchase: it’s well worth the cover price. The eBook edition is a steal! This book establishes a mindset of understanding and exploring the medium. It embraces the breadth of its domain and will set you on an exciting path.” — David Bushell “As somebody who spends a lot of time tinkering and tweaking websites to make them work better, I thought this book was bloody brilliant. There is so much depth and information packed into its 336 pages that I think it will become the book for the mobile Web.” —Ian Nuttall “Every chapter is full of golden nuggets of information and the standard of writing is, as you would expect from a Smashing Magazine book, impeccable.” — Craig Lockwood “It’s essential reading for those involved with the design and development of web/app based output. The essays within will encourage you to consider how people interact with mobile technology and help you to produce mobile friendly solutions to your projects.” — Dave Hughes “This book has something for all levels of expertise. [..] It doesn’t patronise, it doesn’t talk over your head either, it teaches. It is an important book of it’s time, don’t hesitate in picking it up.” — Jordan Moore Frequently Asked Questions (FAQ) We want to make it as easy as possible for everyone to buy the new Smashing book. We welcome all suggestions and advice that could improve Smashing Magazine’s user-friendliness. Here are answers to some frequently asked questions about the brand new Smashing Mobile Book: Questions What are the costs for shipping to my country? The shipping cost for one book or a bundle is $5 — 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! What about delivery times? All books will be shipped via air mail to keep delivery times as short as possible. You can find the anticipated delivery time for your country in the delivery times overview. Please note that we will start to ship the books early-mid December 2012. Will the book be available in other languages? Maybe in future, but we have not made arrangements for that yet, so don’t hold your breath. Is the Mobile Book available as an eBook? Yes, the book will be available in PDF, EPUB and Kindle (Mobipocket) formats, and you can pre-order the eBook bundle now. Is “Mobile Book” the “Smashing Book #4″? No, “The Mobile Book” is a new series that we are starting here at Smashing Magazine. It is not Smashing Book #4 — it has a different design, layout and concept than other Smashing books. However, the Smashing Book #4 will be published in May 2013 — please stay tuned! What payment methods are accepted? We accept PayPal, VISA, MasterCard and American Express. We use a secure connection, with 256-bit AES encryption and a green GeoTrust Extended Validation SSL CA certificate. 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—no ifs, ands or buts about it. 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! We would appreciate it if you could inform your friends, colleagues and followers about the book. Feel free to link to www.the-mobile-book.com, this post and use the hashtag #mobilebook on Twitter. If you choose to blog about the book, please feel free to use the images and information from our Mobile Book media kit (.ZIP, 6.6 Mb) which includes screenshots, photos and general information about the book. Thank you for your support, everybody—we truly appreciate it. And we hope that you’ll love the Mobile Book just as much as we do! _Our new Mobile Book is available as a printed book, single eBook and together with a Mobile eBook Bundle. The eBook is also part of the Smashing eBook Library._ _(vf) (il)_ --- © Smashing Editorial for Smashing Magazine, 2012. http://goo.gl/rWQia Reme Le Hane

I have always wanted to design an app and this reading has given some insight into what I'm going to need to do so. There's a lot to think about and this has definitely opened my eyes on the kinds of things I have to do to work my way up to mobile user experiences. Mobile software is its own world and while there is less space to design in, it doesn't mean it is less complicated. There are similarities between web development and app development. One difference is that to create an app you want considered in the App store, you have to register as a member in the iOS Developer Program that costs $99 per year. Another difference is that you have to think on a smaller scale. You can't just organize all the information you want, you have to pick and choose from all the information you want and only pick what's important. The most important thing to remember is that everything must be more subtle, more minimal, and easier to use.

The underlying principles of modern websites is fascinating. The social media and social mass has grown up to be this iconic brat that requires spoon feeding to satisfy it's needs. This chapter goes over the basics of what most users are looking for in a website, and dear lord do the users sound like demanding pricks. It's true that when you scan a website, you're basically looking for key words to help give you what you're looking for. However I don't believe my attention span is 2 seconds short, maybe about 5-6 seconds perhaps but I do look around a site before I decide "This isn't what I was looking for" and then leave. The techniques that Smashing Book mentions are core standards we should follow though. All the little basics stuff like Homepage button on top left, the search bar on the top right and a bunch of little content on the drop down bar near the top center. It's really weird when you think about all this because a lot of successful sites don't really follow the tread. Google literally is a site that offers a service. A simple service which allows you to search for things and doesn't have all these ads or content jumbled in with the mix. They just have a blank page with a search bar. Youtube has the same, they just put a search part on the top and give you links to videos you might be interested in. Reddit only has a navigation bar on the top and you just click infinitely until you are satisfied with it's content. A lot of sites try to advertise their service or product, but if someone really wants it they'll come and if you have the best design that's simple and easy to use, that's bonus points!

On the side note, the reading was very boring to read line by line. They need more pictures to show the pros and cons of using the 3 varying page layouts. After all this is a "design" course, might as well use pictures so that we light readers can have a better understanding of what you're trying to explain. Halfway in the reading it felt like a math class because I saw so many numbers and proportions. The idea was there just not executed in a nice way. With pictures we can understand more clearly the flaws and benefits each layout will give us.

--WARNING!-- http://www.youtube.com/watch?v=8FpigqfcvlM --WARNING!--