Class Length: 3 Days
Price: $1597

Taught by an Authorized Expert/Authorized Instructor with small class sizes. You may take this class live in Chicago or online. *Not eligible for retake.

Upcoming Dates:

Responsive Design For Developers

Learn to create responsive, fluid websites that adapt to different device size and behaviors. Create breakpoints and custom CSS layouts. Learn complex HTML5 and CSS techniques to ensure your site adapts to tablets, phones, and desktop.

  • Content comes first.
  • Differentiating between ‘Responsive Design’ and ‘Adaptive Design’.
  • HTML5 & CSS3: Don’t look back… or should you? Use by older browsers.
  • Bringing the web a responsive experience.
  • When is responsive design not required or preferred?
  • Viewports vs Screen sizes and media query syntax.
  • Recommended strategies for media querying.
  • Creating the first responsive design.
  • The role of fluid layouts in Responsive Web Development.
  • Converting fixed layouts to proportional layouts.
  • Typography: Using ems vs pixels.
  • Fluid images.
  • Alternate images for alternate screen options.
  • CSS grid solutions.
  • Using Grid Layout Systems like BootStrap.
  • Code-Free layout design tools like MACAW & WebFlow.
  • What HTML5 elements can I use today?
  • Semantic elements: Adding meaning to your markup.
  • Deprecated and obsolete HTML tags.
  • Structural HTML5 and inline HTML5 (text, images).
  • WAI-ARIA AND accessibility.
  • Providing sound and video in HTML5.
  • Offline applications and the manifest file.
  • CSS3 Selectors, Typography, and Color Modes.
  • Shadows: Text, multiple, box.
  • Background gradients: Linear and Radial.
  • Multiple background images.
  • Sizable icons.
  • 2D Transformations, 3D Transformations.
  • Animating with CSS3.
  • HTML5 form components.
  • New input types.
  • CSS3 selectors and styles for HTML5 forms.
  • Polyfills for supporting older or non-conforming browsers.
  • Progressive enhancement vs graceful degradation.
  • Addressing Internet Explorer issues.
  • Using external resources: Twitter bootstrap, Boilerplate, and Modernizr.
  • The future of web design with HTML5 and CSS3 e.g. High resolution devices.