Curso de CSS desde cero [completo]

Ver el curso en GitHub

¿Quieres el libro del curso?

1.1 - Introducción a CSS

1.3 - Selectores

1.4 - Añadir CSS al HTML

1.6 - Backgrounds

2.1 - Introducción al responsive design

4.1 - Proyecto con flotantes

4.2 - Estructura del proyecto

4.3 - Estructura básica de HTML y CSS

4.4 - Fuentes personalizadas

4.5 - HTML del Header

4.6 - CSS del Header

4.7 - HTML del menú principal

4.8 - CSS del menú principal

4.9 - HTML del aside

4.10 - CSS del aside

4.11 - HTML del contenido

4.12 - CSS del contenido

4.13 - HTML del footer

4.14 - CSS del footer

4.15 - BONUS - Crear diferentes temas

5.1 - Proyecto responsive

5.2 - Estructura del proyecto

5.3 - Estructura básica de HTML y CSS

6.1 - Introducción a Flexbox

6.2 - Flex container

6.3 - Flex items

6.4 - Media queries con Flexbox

6.5 - Galería de imágenes con Flexbox

6.6 - Layout con Flexbox

6.7 - Jugamos a Flexbox Froggy

6.8 - Jugamos a Flexbox Defense

7.1 - Navegación con flexbox

7.2 - Tarjetas con flexbox

7.3 - Objetos multimedia con flexbox

7.4 - Flexbox en formularios

9.1 - Introducción a Grid Layout

9.2 - Grid container

9.4 - Grid items

9.5 - Media queries con Grid Layout

9.6 - Layout responsive con Grid Layout sin media queries

9.7 - Jugamos a Grid Garden

Artículos relacionados:

Cómo crear una página web con HTML y CSS desde cero usando flotantes float

Aprende LESS en 15 MINUTOS

Aprende Tailwind CSS en MENOS de 15 MINUTOS

Aprende SASS en menos de 15 minutos

Respondo a un hater creando el slider perfecto

Cómo centrar un DIV con Flexbox

Cómo poner la PRIMERA LETRA más GRANDE en CSS

Margin VS Padding en CSS - ¿Cúando usar cada uno?

Aprende CSS en menos de 15 minutos

Aprende CSS Grid Layout en menos de 15 Minutos

Centrar en CSS Vertical y Horizontal en sólo 1 LINEA de CÓDIGO

Aprende CSS Flexbox en MENOS de 15 MINUTOS

Cómo hacer un slider en HTML y CSS [Código para copiar]

Cómo hacer una Calabaza de Halloween con CSS

Cómo hacer una Card (o tarjeta) con HTML, CSS Flexbox

< Clase anterior

Siguiente clase >

Si tienes alguna duda con el curso o te quedas en algún punto donde no sepas avanzar te puedes unir gratis a nuestra comunidad de discord y preguntar tus dudas, que la comunidad estará encantada de ayudarte.

Únete al discord

Puedes ver el código del ejemplo en mi cuenta de GitHub.

‍

SÍGUEME:

NEWSLETTER:

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares

View this post on Instagram

A post shared by Memes de Kiko Palomares (@memes_kikopalomares)

Koding Beats