Curso de CSS + HTML - Desde CERO

Animaciones CSS | Fundamentos básicos

Repasamos los fundamentos básicos de la animación CSS como las propiedades animation y transition.

UIs con estilo | Sombreados, neumorfismo y glassmorfismo

Aprendemos los conceptos fundamentales del sombreado y lo aplicamos de diversas formas para lograr estilos que nos ayudarán a diseñar nuestras interfaces o UIs.

Scroll Parallax con CSS / JS / IA GENERATIVA / Bricks

Os enseño a crear efecto parallax usando CSS y JS y aprovechando las bondades de la IA generativa de Photoshop.

PERSPECTIVA y 3D con CSS + Ejemplo de LOOP 3D en Bricks

MEDIA QUERIES | CSS y HTML

Aprendemos a detectar ciertas características del medio en el que se visualiza la web para aplicar estilos.

CSS GRID fluido con auto-fill y auto-fit

Aprendemos a utilizar auto-fill y auto-fit junto con minmax para obtener grids totalmente responsive sin necesitadad de fijarnos en breakpoints o tamaños del viewport.

Diseño FLUIDO con CLAMP y VW

Os explico cómo conseguir dimensiones que fluyan y que realmente respondan al tamaño de la ventana usando la función CLAMP y unidades basadas en el viewport como vw.

Pseudoelementos CSS - ¡Crea tooltips, adornos, overlays y mucho más!

Aprende a usar los pseudo elementos para poder anexionar objetos CSS con otros objetos HTML.

CSS - LISTAS + CONTADORES dinámicos (función COUNTER)

Aprende a utilizar y estilizar listas desordenadas, listas ordenadas y listas descriptivas. Y además crea contadores para convertir en lista cualquier tipo de elemento.

Fuentes en CSS - Propiedades, estilos e importación de fuentes personalizadas

Hablamos sobre las propiedades y estilo de las fuentes y tipografías en CSS y analizamos 2 formas de importarlas a nuestro proyecto web.

REM VS EM - Unidades relativas en CSS

Descubrimos que los píxeles son unos pringaos, y que las unidades relativas em y rem pueden dar mucho juego. ¿Sabes la diferencia entre ellas?

CSS GRID - Sistema de maquetación con filas y columnas

Con este método podrás maquetar en modo "rejilla", indicando las filas y columnas que tenga un contenedor, y de esa manera distribuir los objetos de su interior.

HTML básico e Introducción a CSS

Aprende cómo funciona HTML y las principales etiquetas de este lenguaje, además de la forma en la que podemos vincular un documento html con una hoja de estilos CSS.

Selectores CSS y su prioridad

Gracias a los selectores podemos definir qué elementos se verán afectados por nuestros conjuntos de reglas. Aprende a usar los diferentes tipos de selectores CSS.

Colores y degradados lineales o radiales en CSS

Todo lo que querías saber sobre los colores CSS y nunca te atreviste a preguntar.

BOX MODEL + Display Block, Inline, Inline-Block y Box Sizing

Empezamos a maquetar elementos y a ajustar su tamaño y disposición.

CSS Position - Relative, absolute, fixed, sticky, z-index + 2 EJERCICIOS PRÁCTICOS

En esta lección no solo aprenderás a controlar la posición de objetos HTML sino que además podrás prácticarlo con 2 ejercicios muy interesantes; un layout y un botón animado.

Historia y evolución de CSS y la maquetación: Tablas, Divs, Float, Flex y Grid

Antes de entrar en materia con las diferentes formas de maquetación por CSS es conveniente entender la evolución y por qué hay reglas algo obsoletas a la hora de maquetar.

FLEXBOX - Entendiendo cómo funciona este sistema de maquetación CSS

Aprende a utilizar maquetación de tipo flexbox con la propiedad display flex. Te permitirá alinear cómodamente objetos en CSS.