CSS

La primera tecnología que vamos a conocer es CSS, que nos permitirá generar un estilo para nuestras páginas HTML.

Seguí las instrucciones que están en este sitio.

• CSS Reference: Excelente guía visual que explica las propiedades más importantes con ejemplos gráficos muy claros.

• Canal de Youtube de Kevin Powell: El canal de referencia para entender CSS moderno, layouts y buenas prácticas de maquetado.

• Videos de CSS para desarrolladores: Un curso espectacular de Sarah Drasner. Está pensado específicamente para que los desarrolladores entendamos las reglas del juego del diseño (tipografía, colores, jerarquía y consistencia) con mentalidad de código.

• MDN Web Docs - CSS: La documentación oficial y fuente de la verdad para consultar cualquier propiedad

• Ten modern layouts in one line of css: Un recurso indispensable que demuestra cómo resolver los problemas más comunes de distribución (centrado absoluto, barras laterales, grillas responsivas) usando literalmente una sola línea de CSS moderno.

• Previo: Introducción a la arquitectura web. HTML (TODO, pasar)

• CSS (TODO, pasar)

• Responsiveness (TODO, pasar)

• 01-Especificidad

• 02-Box Model

• 03 - Elementos de línea y de bloque. Position. Z-Index.

• 04 - Medidas espaciales: em, rem, px

• 05 - Display Flexbox

• 06 - Display Grid

• 07 - Flexbox vs. Grid

• 08 - Reutilizacion. BEM.

• 09- Variables - Custom properties en CSS.

• 10 - Media Queries. Selectores avanzados.

• 11 - Accesibilidad.

• 12 - Transiciones y Animaciones

• Taller de Maquetado Web

  • Paso 0: introducción. Presentación del contenido de la página.

  • Paso 1: Elección de la tipografía.

  • Paso 2: Elección de la paleta de colores.

  • Paso 3: Manejo espacial de la página.

  • Paso 4: Refactorización del contenido y de los estilos.

  • Branch master: uso del framework Bootstrap.