�ݺ�ߣ

1. AÑO NUEVO, HERRAMIENTAS NUEVAS DRUPALEADA ENERO 2012 José Leiva - @leivajd

2. 2011, CSS3, HTML5, RWD, WebFonts, y más

5. CSS3 magic! 1!

14. Flash killer! 2!

15. http://code.google.com/p/html5shim/

21. Web fonts 3!

22. http://www.webtypography.net/

26. Salvadoras! 4!

35. RWD 5!

38. 1. Fluid Grid 2. Media Queries 3. Imágenes, videos, fonts, flexibles.

39. .col1 { width: 6.25%;} /*60 / 960*/ .col2 { width: 14.58333333333333%;} /*140 / 960*/ .col3 { width: 22.91666666666667%; } /*220 / 960*/

40. @media screen and (max-width: 600px) { .class { background: transparent; } } *Aplica si es menor a 600px.

41. @media only screen and (min-width: 768px) { } *Aplica si es mayor a 768px.

42. @media screen and (min-width: 600px) and (max-width: 900px) { .column { float: none; } } *Aplica si es entre 600px - 900px.

44. img, embed, object, video { max-width: 100%; }

45. h2 { margin-bottom: .75em; font-size : 2em; /* 36 / 16 = 2 */ line-height : 1.2; }

47. Mobile First

50. @media only screen and (min-width: 768px) { } *Aplica si es mayor a 768px.

51. Frameworks 6!

58. Qué tal uno propio?

Año Nuevo, Herramientas Nuevas