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

Making a site that responds to itself

Fluid and responsive designs are great. It's nice to have small elements change but many times when users make a screen larger or smaller they would like to see the content size scale as well. In this lecture we will learn about how to use relative measurement types to enhance the users experience with our site.

Keynotes:

  • the vw and vh measurement types
  • Making font sizes grow dynamically with CSS
  • Doing it in a backward compatible way.

properties:

fluid fonts, vw, vh

Thinking Fluid

By the end of this lecture, you will have a great foundation for building advanced fluid and responsive designs.

13:07

Making a site that responds to itself

In this lecture we will learn about how to use relative measurement types to enhance the users experience with our site.

08:33

Optimizing based on device resolution

In this lecture we will cover the topic of optimization of graphics for diferent resolutions.

08:19

Designing by aspect ratio

In this lecture, we will learn about designing for aspect ratios %u2013 this becomes really important in video projects.

06:01

Talking about Color and Grids

By the end of this lecture, you will be familiar with all media queries.

04:51