how to better manage client expectations and development requirements a practical approach for designing in the browser documentation methods that outperform static Photoshop comps a method for visualizing the points where responsive designs change After absorbing the lessons in this book, you’ll leave behind old-school workflows and start working in ways that are uniquely suited to today’s multi-platform web.
Responsive design is not just another technique–it is the beginning of the maturation of a medium and a fundamental shift in the way we think about the web.
Implementing Responsive Design is a practical examination of how this fundamental shift affects the way we design and build our sites. Readers will learn how to:Build responsive sites using a combination of fluid layouts, media queries, and fluid media Adopt a responsive workflow from the very start of a project Enhance content for different devices Use feature-detection and server-side enhancement to provide a richer experience
Learn about the harsh truths of corporate Web design and the troubles you are bound to run into. Create effective online portfolios with optimized user experiences, without the usual trial and error. Use storytelling to create engaging user experiences. Impress clients by staying on top of enhancements and Web standards. And in case you are wondering how to handle clients, we have some professional advice on how to deal with exceptional situations and customer requests.
This guide to professional Web design was carefully selected, prepared and edited to bring you the most useful Web design advice from Smashing Magazines articles. Know where you stand, put your situation in perspective, and get the advice you've been looking for.
TABLE OF CONTENTS
- 10 Harsh Truths About Corporate Websites
- Portfolio Design Study: Design Patterns And Current Practices
- Creating A Successful Online Portfolio
- Better User Experience With Storytelling
- Designing User Interfaces For Business Web Applications
- Progressive Enhancement And Standards Do Not Limit Web Design
- Color Theory For Designers, Part 1: The Meaning Of Color
- Is John The Client Dense Or Are You Failing Him?
- How To Identify And Deal With Different Types Of Clients
- How To Respond Effectively To Design Criticism
- Web Designers Guide To Professional Networking
- Group Interview: Expert Advice For Students and Young Web Designers
Keep track of Responsive Web Designs (RWD) patterns by building your own pattern library and creating RWD's most popular patterns, seen on hundreds of websites today. For beginners and pros, this book provides a toolset to help plan the design and functionality of a responsive website.
The book begins with creating a home for all your patterns by setting up your own pattern library. Each chapter is broken down into different sections of a website; presenting patterns for each section. We move on to building responsive layouts of varying degrees of complexity to house the type of content you need. Develop menu systems and see which responsive navigation fits the size of your website. Next, you'll learn tactics to present media and data elegantly on different screen sizes. And finally, you'll tie up all those loose ends on your responsive website and pattern library to get it ready for launch.Style and approach
This book is a collection of favored responsive patterns broken down to be easily understood and recreated. Each chapter focuses on a specific part of a website, from large to small, and shows you the markup and styles behind it. A responsive pattern library accompanies this book that you can download and see the patterns and your code beforehand.
TABLE OF CONTENTS
1) Not Your Parents Mobile Phone: UX Design Guidelines For Smartphones
2) Why We Shouldnt Make Separate Mobile Websites
3) How To Build A Mobile Website
4) Making It A Mobile Web App
5) A Study Of Trends In Mobile Design
6) How To Market Your Mobile Application
7) A Foot On The Bottom Rung: First Forays Into Responsive Web Development
8) From Monitor To Mobile: Optimizing Email Newsletters With CSS
9) How To Use CSS3 Media Queries To Create a Mobile Version of Your Website
10) Creating Mobile Optimized Websites Using WordPress
With both beginner and expert developers in mind, this complete handbook guides the reader through the process of developing and launching their own Responsive Web Designs and introduces the craft of building multi-screen experiences. Online demos and downloadable code files are included for all projects:
Adapting your Existing Layout into a Responsive Layout – A RWD RetrofitBuilding a Responsive Layout from Scratch – A RWD BookreaderCreating a Responsive Contact Form – “Get a Library Card”Creating a Responsive Search InterfaceCreating a Responsive Single Page Application – “Mobile Feed App”Using an RWD Framework for a complete site: Twitter Bootstrap