Notes for CSS - Media-Specific Styles

By Scott Granneman & Jans Carton

Find the presentation at http://www.granneman.com/presentations/

## Slide 13

Notice that the <link> doesn’t specify a media, so it applies to all

## Slide 18

https://drafts.csswg.org/mediaqueries/#media-types

Browsers do not support speech

## Slide 20

https://drafts.csswg.org/mediaqueries/#media-types

## Slide 22

http://www.webstandards.org/learn/faq/

## Slide 23

http://www.webstandards.org/learn/faq/

## Slide 24

http://www.webstandards.org/learn/faq/

## Slide 25

http://www.webstandards.org/learn/faq/

## Slide 28

http://www.webstandards.org/learn/faq/

## Slide 29

http://www.webstandards.org/learn/faq/

## Slide 35

https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css

## Slide 36

https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css

## Slide 37

https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css

## Slide 38

https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css

## Slide 39

https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css

## Slide 40

https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css

## Slide 43

FIXME move to Layout but mention here

## Slide 45

Confusing, because min is bigger than & max is smaller than!

## Slide 50

https://www.w3.org/TR/mediaqueries-4/

## Slide 51

https://www.w3.org/TR/mediaqueries-4/

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

## Slide 52

https://www.w3.org/TR/mediaqueries-4/

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

## Slide 53

https://www.w3.org/TR/mediaqueries-4/

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

## Slide 54

https://drafts.csswg.org/mediaqueries-4/#mf-deprecated

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

## Slide 55

https://developer.mozilla.org/en-US/docs/Web/CSS/@media

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

## Slide 56

FIXME - where do I go?