Applied Responsive Design
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.
- 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
(music playing) Hi! I am James Williamson, senior author here at lynda.com, and I want to welcome you to Applied Responsive Design. In this course, we're going to explore many of the strategies and techniques that are being employed to control the appearance and behavior of sites across multiple screen sizes and devices. As we explore responsive design, we'll see how it affects the entire process of building sites, from the early planning stages to site development, and even in terms of how we test and deploy our sites.
We'll cover the planning aspects of responsive sites, how to craft responsible layouts and media, how to handle site navigation across devices and screen sizes, and how you can use mobile capabilities to enhance your site's overall experience. We will also talk about properly managing resources for responsive sites and what you can do to help improve performance. Responsive design is not just another fad; it's a reaction to the reality of designing for users who expect to experience your site across multiple devices and screen sizes. So, open up your favorite code editor and let's get started crafting responsive designs.
There are currently no FAQs about Applied Responsive Design.
Illustrator CC 2013 One-on-One: Fundamentals1,633,291 Views
PHP with MySQL Essential Training3,907,848 Views
3ds Max 2015 Essential Training495,296 Views
Photoshop CC 2013 One-on-One: Fundamentals1,429,883 Views
CSS: Page Layouts1,686,199 Views
Git Essential Training2,578,682 Views
iOS 8 App Development with Swift 1 Essential Training999,394 Views