Table of Contents for
Mastering Responsive Web Design

Version ebook / Retour

Cover image for bash Cookbook, 2nd Edition Mastering Responsive Web Design by Ricardo Zea Published by Packt Publishing, 2015
  1. Cover
  2. Table of Contents
  3. Mastering Responsive Web Design
  4. Mastering Responsive Web Design
  5. Credits
  6. About the Author
  7. Acknowledgment
  8. About the Reviewers
  9. www.PacktPub.com
  10. Preface
  11. What you need for this book
  12. Who this book is for
  13. Conventions
  14. Reader feedback
  15. Customer support
  16. 1. Harness the Power of Sass for Responsive Web Design
  17. The basic concepts of Sass for RWD
  18. Summary
  19. 2. Marking Our Content with HTML5
  20. The
  21. The
    element
  22. The
  23. The
    element
  24. The
  25. The
  26. Using WAI-ARIA landmark roles to increase accessibility
  27. A full HTML5 example page with ARIA roles and meta tags
  28. Output screenshots for desktop and mobile
  29. Summary
  30. 3. Mobile-first or Desktop-first?
  31. Sass mixins for the mobile-first and desktop-first media queries
  32. Dealing with legacy browsers
  33. How to deal with high-density screens
  34. Sometimes RWD is not necessarily the right solution
  35. Retrofitting an old website with RWD
  36. Retrofitting with AWD
  37. Retrofitting with RWD
  38. Summary
  39. 4. CSS Grids, CSS Frameworks, UI Kits, and Flexbox for RWD
  40. CSS grids
  41. CSS frameworks
  42. UI kits
  43. The pros and cons of CSS frameworks for RWD
  44. Creating a custom CSS grid
  45. Building a sample page with the custom CSS grid
  46. Stop using CSS grids, use Flexbox!
  47. Summary
  48. 5. Designing Small UIs Driven by Large Finger
  49. The posture patterns and the touch zones
  50. The nav icon – basic guidelines to consider for RWD
  51. The navigation patterns for RWD
  52. Summary
  53. 6. Working with Images and Videos in Responsive Web Design
  54. Third-party image resizing services
  55. The element and the srcset and sizes attributes
  56. Replacing 1x images with 2x images on the fly with Retina.js
  57. Making videos responsive
  58. The Vector Formats
  59. Summary
  60. 7. Meaningful Typography for Responsive Web Design
  61. Calculating relative font sizes
  62. Creating a Modular Scale for a harmonious typography
  63. Using the Modular Scale for typography
  64. Web fonts and how they affect RWD
  65. Sass mixin for implementing web fonts
  66. Using FlowType.js for increased legibility
  67. Summary
  68. 8. Responsive E-mails
  69. Don't overlook your analytics
  70. Recommendations for building better responsive e-mails
  71. Responsive e-mail build
  72. Third-party services
  73. Summary
  74. Index

About the Reviewers

Jean-Marc Buytaert, with an associate's degree in multimedia and web design and a bachelor's degree in fine arts in interactive media design, has been involved in a diverse array of projects since 2003, ranging from graphic design, to video production, web design, and last but not least, web development, where he found his niche.

With experience in multiple web scripting languages and having developed websites using several content management systems, Jean-Marc is now a lead web developer for Houston-based interactive marketing agency, TopSpot Internet Marketing, where he oversees a team of web developers and builds responsive websites using MODX and WordPress while implementing third-party web services using new technologies and APIs.

Tristan Denyer is a UX designer for web and mobile applications, including web apps and portals, eCommerce, online video players and widgets, games (online, iPhone, board), marketing sites, and more. He is also a UI developer and WordPress theme developer. He is currently leading the UX design for the product team at a start-up in San Francisco.

He recently wrote a book, A Practical Handbook to WordPress Themes, to help owners and operators of self-hosted WordPress websites get the most out of their themes.

His passions include prototyping, web security, writing, carpentry, and burritos. He can be contacted through the following links:

Twitter: @tristandenyer

GitHub: https://github.com/tristandenyer

His portfolio and blog: http://tristandenyer.com/

Alan Plotko is a software developer who works across the full stack. He loves developing applications for the Web and always makes time to attend "hackathons", weekend-long programming competitions where participants build projects from scratch to benefit the community. Alan's experience extends to Python development, various database technologies such as NoSQL, and frameworks for rapid application development. When he's not writing code, Alan spends his spare time writing stories; he is an avid writer, having previously self-published a fantasy novel and reviewed books for Packt.

J. Pedro Ribeiro is a Brazilian user interface engineer living in the heart of London. He has been working on the Web for several years, coding websites for start-ups and large companies. Currently working at RetailMeNot UK, he is responsible for creating the mobile-first experience at VoucherCodes.co.uk, focusing on performance and usability.

Website: jpedroribeiro.com

GitHub: github.com/jpedroribeiro

Marija Zaric is a web designer living in Belgrade with a focus on individual and commercial clients who demand websites that are clear, modern, creative, simple, and responsive. She works with clients from USA and all over the world, helping them present their services in a unique, yet professional, way.

She is a relentless learner. What she loves the most about web design is the constant changes in the field, especially its evolution over the last 4 years when she became inspired by its simplicity, great images, typography, and the possibility of optimizing a single website for various devices.

She redesigned and incorporated these styles into her own website and called it Creative Simplicity. Marija was a reviewer for the book Responsive Media in HTML5 by Packt Publishing.

Her projects can be found at http://www.marijazaric.com/.