Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CSS3 Magic

7559f6cff1f5efc2d210965febd4d71c?s=47 Bermon Painter
March 10, 2012
Programming
6
700

CSS3 Magic

A quick rundown of some of the new features in CSS3. Notes here: https://gist.github.com/2011288

7559f6cff1f5efc2d210965febd4d71c?s=128

Bermon Painter

March 10, 2012
Tweet

More Decks by Bermon Painter

See All by Bermon Painter
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
0
17
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
0
94
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
0
85
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
2
110
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
0
170
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
0
96
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
2
330
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
0
150
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
3
1.6k

Other Decks in Programming

See All in Programming
3a53a5136f530c121a196914aecf3936?s=48 tourismgeek
1
130
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
170
70ae2d149767d4198aac83453481b8dd?s=48 amaotone
15
7.8k
57623c5cef7c777c4bf3103cf06c2d6c?s=48 yoshinoriiiii
0
110
12c88a3a10478fa18d0363b3ba3d9df1?s=48 christianliebel
PRO
0
130
Eeedbe91225c0207014a46f09eea1d30?s=48 nearmugi
0
140
585b6bd646ae00cd1025309c912d922f?s=48 saten
1
170
7c9b8b368924556d8642bdaed3ded1f5?s=48 danilop
0
220
6c366ab6293eb42aec0e6f5f69b50882?s=48 ryokbt
2
270
Af64bc38c0ffcfcabdf430759ee491ce?s=48 lovee
2
130
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
160
3cfad86677c5966ecfe9b81955fa3489?s=48 inoue2002
2
130

Featured

See All Featured
Ba530e786553390f3fb271848485681c?s=48 3n
163
22k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
223
47k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
28
950
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
4.1k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
7
390
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
11
1.5k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
8
550
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
237
10k
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
23
3.9k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
4
590
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
20
700
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
587
200k

Transcript

  1. CSS3 MAgic Saturday, March 10, 12

  2. GRaceful degradation Saturday, March 10, 12

  3. Progressive enhancement Saturday, March 10, 12

  4. 1. Content Saturday, March 10, 12

  5. 2. Presentation Saturday, March 10, 12

  6. 3. INTERACTIONS Saturday, March 10, 12

  7. New Selectors Saturday, March 10, 12

  8. Sibling Selector h1 ~ p Saturday, March 10, 12

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

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

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

  12. Psuedo Classes div:empty Saturday, March 10, 12

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

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

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

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

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

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

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

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

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

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

  23. Psuedo Classes ::selection Saturday, March 10, 12

  24. Psuedo Classes :target Saturday, March 10, 12

  25. New CSS3 Declarations Saturday, March 10, 12

  26. Declarations background-clip Saturday, March 10, 12

  27. Declarations background-size Saturday, March 10, 12

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

  29. Declarations border-radius Saturday, March 10, 12

  30. Declarations box-shadow Saturday, March 10, 12

  31. Declarations columns & grids Saturday, March 10, 12

  32. Declarations opacity Saturday, March 10, 12

  33. Declarations resize Saturday, March 10, 12

  34. Declarations text-overflow Saturday, March 10, 12

  35. Declarations text-shadow Saturday, March 10, 12

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