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é?

¿Te mola el proyecto?

Si es así puedes apoyarlo
echándote un café

Échate un Coffee en ko-fi.com

Cafés hasta ahora → 101

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, recogidos además en esta playlist.

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

Temporada 3

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

Temporada 2

  1. S02E01 - Botones | Video
  2. S02E02 - Input:file | Video
  3. S02E03 - Modales (1) | Video
  4. S02E04 - Modales (2) | Video
  5. S02E05 - Modales (3) | Video
  6. S02E06- Menú responsive (1) | Video
  7. S02E07- Menú responsive (2) | Video
  8. S02E08- Menú responsive (3) | Video
  9. S02E09 - CSS Comb | Video
  10. S02E10 - Checkbox y radio, accesibles y sin JS | Video
  11. S02E11 - Figma para frontenders | Video
  12. S02E12 - BEM | Video

Temporada 1

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

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?