Tweet
Tweet

Slide 1

Slide 1 text

CSS3 MAgic Saturday, March 10, 12

Slide 2

Slide 2 text

GRaceful degradation Saturday, March 10, 12

Slide 3

Slide 3 text

Progressive enhancement Saturday, March 10, 12

Slide 4

Slide 4 text

1. Content Saturday, March 10, 12

Slide 5

Slide 5 text

2. Presentation Saturday, March 10, 12

Slide 6

Slide 6 text

3. INTERACTIONS Saturday, March 10, 12

Slide 7

Slide 7 text

New Selectors Saturday, March 10, 12

Slide 8

Slide 8 text

Sibling Selector h1 ~ p Saturday, March 10, 12

Slide 9

Slide 9 text

Attribute Selector img[src^=icon] Saturday, March 10, 12

Slide 10

Slide 10 text

Attribute Selector img[src$=png] Saturday, March 10, 12

Slide 11

Slide 11 text

Attribute Selector img[src*=document] Saturday, March 10, 12

Slide 12

Slide 12 text

Psuedo Classes div:empty Saturday, March 10, 12

Slide 13

Slide 13 text

Psuedo Classes :enabled, :disabled, :checked Saturday, March 10, 12

Slide 14

Slide 14 text

Psuedo Classes p:first-of-type Saturday, March 10, 12

Slide 15

Slide 15 text

Psuedo Classes li:last-child Saturday, March 10, 12

Slide 16

Slide 16 text

Psuedo Classes strong *:not(span) Saturday, March 10, 12

Slide 17

Slide 17 text

Psuedo Classes :nth-child(3n) Saturday, March 10, 12

Slide 18

Slide 18 text

Psuedo Classes p:nth-of-type(3n) Saturday, March 10, 12

Slide 19

Slide 19 text

Psuedo Classes p:nth-last-child() Saturday, March 10, 12

Slide 20

Slide 20 text

Psuedo Classes p:nth-last-of-type() Saturday, March 10, 12

Slide 21

Slide 21 text

Psuedo Classes p:only-child Saturday, March 10, 12

Slide 22

Slide 22 text

Psuedo Classes p:only-of-type Saturday, March 10, 12

Slide 23

Slide 23 text

Psuedo Classes ::selection Saturday, March 10, 12

Slide 24

Slide 24 text

Psuedo Classes :target Saturday, March 10, 12

Slide 25

Slide 25 text

New CSS3 Declarations Saturday, March 10, 12

Slide 26

Slide 26 text

Declarations background-clip Saturday, March 10, 12

Slide 27

Slide 27 text

Declarations background-size Saturday, March 10, 12

Slide 28

Slide 28 text

Declarations background-image (multiples) Saturday, March 10, 12

Slide 29

Slide 29 text

Declarations border-radius Saturday, March 10, 12

Slide 30

Slide 30 text

Declarations box-shadow Saturday, March 10, 12

Slide 31

Slide 31 text

Declarations columns & grids Saturday, March 10, 12

Slide 32

Slide 32 text

Declarations opacity Saturday, March 10, 12

Slide 33

Slide 33 text

Declarations resize Saturday, March 10, 12

Slide 34

Slide 34 text

Declarations text-overflow Saturday, March 10, 12

Slide 35

Slide 35 text

Declarations text-shadow Saturday, March 10, 12

Slide 36

Slide 36 text

EXAMPLES https://gist.github.com/2011288 Saturday, March 10, 12