Moving to responsive web design : bring existing static sites into today's multi-device world with responsive web design / Inayaili de León
- León, Inayaili de
- [New York] : Apress, 
- Physical Description:
- 1 online resource
- At a Glance; Contents; About the Author; About the Technical Reviewer; Acknowledgments; Preface; Introduction; Chapter 1: The Planning Stage; The Team; Involve All the Right People; Define a Project Leader; Everyone Participates; Low-Fidelity Planning; Gaining Perspective; Digital Record; Finding Time in Your Schedule; Understand Your Calendar; Deprioritize Other Projects; Assigning Tasks; Use Everyone at Once; Do Not Use Everyone at Once; Account for Downtime; Keep a Tight Scope; Start with a Wish List; Organize; Prioritize; Break Down the Tasks; The One-Hour Test; Define Stages., Determine What Is Out of ScopeDo Not Forget Testing; Set Deadlines; Phase 1; Phase 2, Phase 3 & Rollout Strategies; Managing Site Updates; Keep a Record as You Work Through the Project; Summary; Chapter 2: The Content Development Stage; Designing with Real Content; Focus on Accessibility; Good Accessibility Helps Everyone; What You Can Do; Accessibility and Usability; Reviewing Your Existing Content; Content Inventories and Content Audits; Doing a Content Inventory; Doing a Content Audit; Quick Content Inventories and Content Audits; Ongoing Maintenance; Avoid Duplicated Work., Phasing Content UpdatesUpdating and Simplifying Existing Content; Quick Wins; Shorter Is Not Better; Less Content May Be Better Content; Reduce Cognitive Load Without Restricting Access to Content; Show and Hide Content with an Accordion; Divide Content With Tabs; Expand Content with Read More; Have a Plan; Defining a Style; Improving Your Content Management System; Remove Inline Styles; Remove Styling Options; Add Structure to Your Content; Another Option: Doing Nothing; Summary; Chapter 3: The Design Stage; Evolution, Not Revolution; Focus on Reusability; Focus on Accessibility., Performance FirstNo More Flats; Setting the Rules; Write It; Build It; Determining Breakpoints; Decide in the Browser; Tweakpoints and Breakpoints; What to Keep in Mind; When to Use Analytics; Defining a Style Guide; Screenshots, Screenshots, and More Screenshots; Responsively Rationalize; Build Your Style Guide; Clean Up Your Style Sheets; When You Already Have a Style Guide; Style Guide or Pattern Library?; Standardize across Sites; Quick-and-Dirty UX; Sticky-Note-Sized Wireframes; Super-Speedy Prototyping; Express Testing; Key Things to Test; Grids and Type., and Convert Your Grid to PercentagesExplore Responsive Grids; Reorder Content; Adjust a Strict Typographic Scale; Handling Your Images; Make an Image Inventory; Mind Those Bytes; Consider SVG; Some Useful Responsive Web Design Patterns; Navigation Patterns; Dropdown and Slidedown (Single and Multilevel); Side Drawer; Priority+; Overflow; Tables; Overflow; Table to List; Priority Columns; Getting the Most Out of Feedback and Reviews; Summary; Chapter 4: The Build Stage; Experiment on Smaller Projects; Focus on Accessibility; Focus on Performance; Work with a Performance Budget.
- This book shows you how to redesign your static website into a modern, fully responsive site. As the usage of mobile devices continues to increase exponentially and dominates how many users access the web, it is imperative for businesses to have responsive websites that adapt seamlessly to any screen size and resolution. Your shift to a responsive website affects not only your designs but also the way you build your site. Moving to Responsive Web Design shows you how to address the full range of challenges. You learn to plan how your designs and patterns will adapt across various breakpoints and how to approach the challenge of responsive images. The specific responsive techniques covered in this book include converting fixed grids built on absolute units, such as pixels, into fluid ones, based on relative units like percentages or ems. When your time and resources are limited, the prospect of converting an existing site to a responsive design can be daunting. But, with this book and the right tools, you can manage the scope of the project from the start and successfully make your site enjoyable on any device. Moving to Responsive Web Design is full of ideas and examples of how you can more easily plan, design, develop, and release your responsively redesigned site. In this book, you learn how to Scope a responsive redesign project so it?s achievable with the resources you have available Engage the entire team in the planning, design, and development process Use your resources in clever and efficient ways Focus on reusability to save your team time and money Avoid some of the most common problems when working on large and lengthy projects Release your first fully responsive site.
- 9781484219874 (electronic bk.)
1484219872 (electronic bk.)
- Bibliography Note:
- Includes bibliographical references and index.
View MARC record | catkey: 37441643