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

What are media Queries?

Media Queries was introduced in HTML4/CSS2 as a way to support the growing ways we consume data online. Media queries enable us to serve up the same data but change the way it is presented based on parameters in our control. In this course we will learn how to control these parameters to create sites that look fantastic no matter how they are consumed.

Keynotes:

  • What are Media Queries?
  • Media Types
  • How to design sites in a Media rich world?
  • Start from scratch or tweak for medias?
  • The case of Mobile first.

properties:

medias, CSS3, HTML5, media queries.

What are media Queries?

In this course we will learn how to control these parameters to create sites that look fantastic no matter how they are consumed.

04:17

Media Queries Hello World

By the end of this lesson, we will know how to define media type per CSS file.

07:18

Media Queries within a CSS file with the @media rule

By the end of this lesson you will know the two ways to define media query rules.

04:09

Media Query rule combination

In this lecture we will learn to create more advanced media rules with the help of %u201Cand%u201D.

08:57