Applied Responsive Design

Real-world responsive design strategies to control the appearance and behavior of your website across multiple screen sizes and devices.Following the concepts introduced in Responsive Design Fundamentals, senior author James Williamson demonstrates the practical applications of responsive design and shows how to enrich the appearance and behavior of your website across multiple devices. First, discover how to plan your design and take advantage of CSS media queries to create multiple layouts. Then make your site navigation respond to changing screen sizes with CSS and jQuery, and display media like images and video fluidly. Plus, discover how to take advantage of mobile capabilities like touch events and HTML5 forms to enhance the experience of mobile visitors. James also shows how to effectively manage resources and optimize the performance of your site. Topics include: Creating mockups Structuring page regions Defining default styles and media queries Building desktop, tablet, and mobile layouts Structuring and styling menus Dynamically replacing menus Creating a responsive image gallery Adding phone functionality Testing responsive sites