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 nuestos componentes 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 Veedeo, recogidos además en estas playlists.

Y todo el código estará en abierto en un repo de Codeberg.

De postre, en la temporada 3 hay una pequeña subserie de maquetación de email responsive.

Temporada 3

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

Temporada 2

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

Temporada 1

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

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?