Maquetando con Chuck!

Maquetar es de las cosas que más me molan, que más impacto tiene y que menos se respetan.

Por eso, el domingo quiero dedicar un rato a maquetar en directo. A recalcar la importancia de la semántica, a animarnos a hacer nuestros componentes más accesibles y a que todo el javascript del mundo da igual sin una base sólida de HTML y CSS.

¿Te bajas a maquetar? ¿o qué?

Sesiones

Durante unos días los vídeos seguirán en el canal de Twitch pero luego los dejaré subidos en mi canal de Youtube en esta playlist.

Termporada 3

1. s03_e01 - Estilos para lista de tareas | Vídeo: Casi hora y media
2. s03_e02 - Generador de estáticos: 11ty (1/2) | Vídeo: Casi hora y media
3. s03_e03 - Generador de estáticos: 11ty (2/2) | Vídeo: Más de hora y media
4. s03_e04 - Input de tipo range | Vídeo: 2h
5. s03_e05 - [serie] Introducción al email responsive /1 | Vídeo: Casi hora y media
6. s03_e06 - [serie] Mi primer email, ¡Chispas! /2 | Vídeo: Casi tres horas
7. s03_e07 - [serie] Email “The Eye” /3 | Vídeo: Casi dos horas
8. s03_e08 - [serie] Semántica, módulos y email "The Eye" /4 | Vídeo: Tres horas
9. s03_e09 - [serie] Email "real" /5 | Vídeo: Tres horas
10. s03_e10 - [serie] Email "real" /6 | Vídeo: Tres horas
11. s03_e11 - [serie] Email "real" /7 | Vídeo: Casi 4 horas
12. s03_e12 - [serie] Email responsive: tips /8 | Maquetando con Chuck! | Vídeo: 2 horas

Termporada 2

1. S02E01 - Botones | Vídeo: Casi 2h
2. S02E02 - Input:file | Vídeo: 1h, ma o meno
3. S02E03 - Modales (1) | Vídeo: Poco más de 1h y cuarto
4. S02E04 - Modales (2) | Vídeo: Casi 1h y cuarto
5. S02E05 - Modales (3) | Vídeo: Casi 1h y media
6. S02E06 - Menú (1) | Vídeo: Casi 1h y cuarto
7. S02E07 - Menú (2) | Vídeo: Casi 1h y cuarto
8. S02E08 - Menú (3) | Vídeo: 2h y media
9. S02E09 - CSS Comb | Vídeo: Media hora larga
10. S02E10 - Checkbox y radio, accesibles y sin JS | Vídeo: Casi 2h
11. S02E11 - Figma para frontenders | Vídeo: Casi 1h
12. S02E12 - BEM | Vídeo: Casi 45min

---

Temporada 1

1. S01E00 - Tooltip | Vídeo 1: Casi 1h, vídeo 2: casi 1h
2. S01E01 - HTML (y semántica) | Vídeo: 1h y cuarto
3. S01E02 - Módulo de vídeos destacados | Vídeo: casi 1h
4. S01E03 - Footer 1/2 | Vídeo: 1h y cuarto
5. S01E04 - Footer 2/2 | Vídeo: Dos horacas
6. S01E05 - CSS, introducción y cómo se usa | Vídeo: 1h y 20
7. S01E06 - CSS: Display | Vídeo: Casi 1h
8. S01E07 - CSS: Position | Vídeo: Casi 2h
9. S01E08 - CSS: Flex | Vídeo: Casi 3h
10. S01E09 - CSS: Grid | Vídeo: Más de 3h
11. S01E10 - SASS/SCSS | Vídeo: Dos horas y media
12. S01E11 - VS Code | Vídeo: Más de 1h y media
13. S01E12 - Proyectos | Vídeo: 1h y algo

Recursos

• Figma con emails responsive
• Carpeta de Drive con las imágenes optimizadas

---

Temas siguientes

• Conceptos de diseño para frontenders o no diseñistas
• Una web fácil (personal, portfolio, cv online)
• Linter JS: Eslint
• Linter CSS: Stylelint
• Sass Dart
• 👍 Quieres proponer un tema o elemento?