Creating a Responsive Web Experience

 JOIN NOW !

Many times, simply resizing your web design is not enough to create a satisfying user experience. This course helps you make your webpages more responsive to different screen sizes with HTML, CSS, and JavaScript. Chris Converse shows how to modify your existing HTML, dynamically load content, animate elements on the page, and collapse the navigation on smaller screens—while allowing users to expand menus with a tap of their finger.

Note: This course uses the jQuery JavaScript library to add interactivity and other features to the example site. But if you've never written JavaScript before, don't worry. This course provides a step-by-step approach to writing just the code you need to replicate the experience Chris shows on screen.

Learning objectives

• Modifying the graphics
• Adjusting the CSS for the navigation
• Adding JavaScript and jQuery to your project
• Loading content with jQuery
• Determining screen size with JavaScript
• Loading alternate content based on screen size
• Animating the hero panel
• Maintaining support for Internet Explorer 7 and 8