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
Using Fluid Grid Layouts to Adapt to Device Viewports
Automatic Scaling Images and Media
CSS3 Media Queries
Responsive Web Design training is offered at these locations: