Responsive Web Design Training

Web sites are being viewed on a wide variety of devices, both larger and smaller, including desktop, tablet and mobile. Sites should have a "responsive" architecture - design that responds to any device size. Responsive design is about serving one HTML document to countless browsers and devices, but using flexible layouts and media queries to ensure that design is as portable and accessible as possible.

Your instructor will teach you the three core ingredients to create a responsive website: a fluid grid-based layout; flexible images and media; and Media Queries, a module from the CSS3 specification that allows your layout to adapt to the viewer's device. Learn best practices for preparing the HTML document for responsive design. You can't change the design with a different stylesheet if your HTML is cluttered with layout attributes and design tags. Learn to create clean semantic markup so that your layout can respond to various devices and give the user a tailored web experience. You'll create a responsive web design that can adapt to the constraints of the browser window or device that renders it, seeming to respond to the user's needs. Please note, these exercises are done with pure HTML & CSS code, without a WYSIWYG editor.

Understanding Responsive Web Design

The rapid spread of mobile devices has dramatically changed the word of web design

Web designers need to ensure their websites look good not only on a big screen, but also on a tiny phone and everything in between

You will learn about reference websites, online tools and more to help you create adaptive web designs that are optimized for mobile devices