02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
Previous VideoPrevious Video

What is responsive Design?

Responsive design is a design that changes and adopts to the user dynamically. This type of design helps create sites that look great on many devices and many different user usages. In this lecture we will look at the differences between : Static Design, Adoptive Design, Liquid Design and Responsive Design. By the end of this lecture you will know the differences between them and by the end of this chapter you will have the tools needed to create responsive designs.

Keynotes:

  • What is responsive design?
  • Static Design.
  • Adoptive Design
  • Liquid Design

properties:

adoptive design, static design, responsive design, liquid design

What is responsive Design?

By the end of this lecture you will know the differences between them and by the end of this chapter you will have the tools needed to create responsive designs.

04:30

Optimizing for a specific device

In this lecture we will be introduced to the way to work with expressions.

07:52

Creating responsive designs with size ranges

By the end of this lesson, you will know how to work with the min/max prefixes to create responsive designs.

07:42

Mobile responsiveness

By the end of this lesson you will learn about how to optimize mobile responsive design and how to update the orientation of the design based on device orientation.

06:58

Backward compatibility

There is a limit to how far in history we will be able to support our layout but there are some things we can do to extend the support to older browser and that will be our main topic.

03:51