WordCamp Sao Paulo 2012

Transcript

1. _S sábado 25 de agosto de 12
2. MATIAS VENTURA DESIGN ENGINEER AT AUTOMATTIC sábado 25 de agosto de 12
3. AUTOMATTIC.COM/ABOUT sábado 25 de agosto de 12
4. DISEÑANDO UN THEME CON UNDERSCORES _S _______________ sábado 25 de agosto de 12
5. UN “THEME” DICES? sábado 25 de agosto de 12
6. THEME sábado 25 de agosto de 12
7. THEME = TEMA sábado 25 de agosto de 12
8. THEME = TEMA = PLANTILLA sábado 25 de agosto de 12
9. DISEÑO FORMA CONTENIDO sábado 25 de agosto de 12
10. DISEÑO FORMA CONTENIDO HTML CSS WORDPRESS ESTRUCTURA sábado 25 de agosto de 12
11. _S POR DONDE EMPEZAR? sábado 25 de agosto de 12
12. THEME HISTORY SANDBOX → KIRBY → TWENTY TEN → TOOLBOX → DUSTER → TWENTY ELEVEN sábado 25 de agosto de 12
13. DUSTER sábado 25 de agosto de 12
14. TWENTY ELEVEN sábado 25 de agosto de 12
15. UN THEME TIENE *SIEMPRE* OTRO THEME DETRÁS sábado 25 de agosto de 12
16. SANDBOX DUSTER KIRBY TWENTY TWELVE TOOLBOX TWENTY ELEVEN TWENTY TEN sábado 25 de agosto de 12
17. _S sábado 25 de agosto de 12
18. EL PROBLEMA DE TOOLBOX... ...CÓMO MEJORARLO CON MILES DE USUARIOS sábado 25 de agosto de 12
19. #masthead vs .site-header sábado 25 de agosto de 12
20. { } sábado 25 de agosto de 12
21. CSS: Specificity Wars #head #banner a stuffandnonsense.co.uk sábado 25 de agosto de 12
22. OH, UNA ACTUALIZACIÓN! *CLICK* sábado 25 de agosto de 12
23. NOOOO sábado 25 de agosto de 12
24. SITIO ROTO :( sábado 25 de agosto de 12
25. NOOOO sábado 25 de agosto de 12
26. _S EL THEME QUE NO ES UN THEME sábado 25 de agosto de 12
27. POR ESO NO ESTÁ EN EXTEND (PERO TU THEME BASADO EN _S SÍ!) sábado 25 de agosto de 12
28. NO “PARENT & CHILD” THEME sábado 25 de agosto de 12
29. { } sábado 25 de agosto de 12
30. TEMPLATE: _S sábado 25 de agosto de 12
31. TEMPLATE: _S NO! sábado 25 de agosto de 12
32. PASOS DE BEBÉ sábado 25 de agosto de 12
33. Hola. Soy un starter theme llamado _s, o underscores, si lo deseas. Soy un theme pensado para ser modificado así que no me uses como Parent Theme. En su lugar, intenta convertirme en el próximo, más increíble WordPress theme que exista. sábado 25 de agosto de 12
34. CREA TU NUEVO THEME A PARTIR DE _S FORK ME! sábado 25 de agosto de 12
35. github.com/automattic/_s DÓNDE? PATCHES WELCOME ;) sábado 25 de agosto de 12
36. – Código sólido – Estructura HTML semántica – Sistema de «classes» para CSS – Código en módulos que pueden ser quitados – Revisado regularmente sábado 25 de agosto de 12
37. – Código sólido – Estructura HTML semántica – Sistema de «classes» para CSS – Código en módulos que pueden ser quitados – Revisado regularmente sábado 25 de agosto de 12
38. SUENA ABURRIDO sábado 25 de agosto de 12
39. DISEÑADORES TAMBIÉN PUEDEN HACER SUS THEMES NO! sábado 25 de agosto de 12
40. SI! sábado 25 de agosto de 12
41. HMM... sábado 25 de agosto de 12
42. LIENZO EN BLANCO sábado 25 de agosto de 12
43. COPIA _S, CÁMBIALE EL NOMBRE, ... NUEVO THEME MODIFICA sábado 25 de agosto de 12
44. BUUU sábado 25 de agosto de 12
45. YEY sábado 25 de agosto de 12
46. underscores.me MEJOR AÚN sábado 25 de agosto de 12
47. sábado 25 de agosto de 12
48. CREA TU THEME! sábado 25 de agosto de 12
49. SI! sábado 25 de agosto de 12
50. sábado 25 de agosto de 12
51. APPEARANCE My _s theme sábado 25 de agosto de 12
52. sábado 25 de agosto de 12
53. CSS selector { property: value; } sábado 25 de agosto de 12
54. CREANDO TU CSS sábado 25 de agosto de 12
55. VISTA PREVIA EN EL EXPLORADOR MI THEME sábado 25 de agosto de 12
56. DISEÑA EN EL EXPLORADOR Web Inspector / Firebug sábado 25 de agosto de 12
57. RESPONSIVE CSS selector { property: value; } @media (max-width: 700px) { } sábado 25 de agosto de 12
58. ? sábado 25 de agosto de 12
59. RESPONSIVE CSS sábado 25 de agosto de 12
60. ADAPTABLE A LA PANTALLA * media queries * porcentajes * fluidez * imágenes flexibles sábado 25 de agosto de 12
61. CODEPOET.COM sábado 25 de agosto de 12
62. CODEPOET.COM BOOKS sábado 25 de agosto de 12
63. PRUEBA _S PARA TU NUEVO PROYECTO sábado 25 de agosto de 12
64. OBRIGADO! sábado 25 de agosto de 12
65. CONTACTO matiasventura.com @bausero _________ matias@automattic.com sábado 25 de agosto de 12
66. _S sábado 25 de agosto de 12