22/04/2025
Descubre qué es minificar código, sus ventajas, desventajas y cómo mejorar la velocidad de tu web con herramientas modernas y gratuitas.
Aprende a estructurar y estilizar tus páginas web de manera eficiente, aprovechando al máximo las capacidades de CSS y Sass para mejorar la productividad y la calidad de tus proyectos.
17/05/2024
Haz exámenes de CSS y HTML avanzado para perfeccionar tus habilidades en diseño web. Incluye ejemplos resueltos y desafíos prácticos.
12/05/2024
Averigua si puedes ocultar legalmente el icono de reCAPTCHA v3 de Google y cómo hacerlo con CSS respetando las políticas de uso.
12/05/2024
Con este curso de Sass, aprenderás a optimizar el desarrollo de sitios web y aplicaciones, creando estilos flexibles y reutilizables.
11/05/2024
Descubre las novedades en CSS de los últimos años: propiedades, funciones o técnicas que han existido durante algún tiempo...
11/05/2024
Aquí tienes una chuleta CSS (cheat sheet) de las propiedades que hemos visto a lo largo del capítulo avanzado de CSS.
10/05/2024
Prácticas CSS de páginas completas y proyectos específicos realizadas en clase de forma guiada.
09/05/2024
Mediante los preprocesadores CSS se desarrollan estilos más mantenibles y con una sintaxis más rica. Los ficheros son parecidos a los de CSS y deben compilarse.
08/05/2024
Actualmente los navegadores tienen implementadas muchas de las nuevas características de CSS3 utilizando sus propios prefijos.
08/05/2024
Los filtros CSS permiten aplicar efectos visuales a las imágenes. Para aplicar un filtro CSS a una imagen se utiliza la propiedad filter.
07/05/2024
¿Sabes que la propiedad CSS hyphens mejora el aspecto de tus textos al permitir la separación de palabras con guiones al final de línea?
06/05/2024
Aprende qué son los Blend Modes CSS y mezcla colores de elementos superpuestos para crear efectos visuales en tus diseños web.
05/05/2024
CSS scroll-behavior: Descubre cómo hacer que la navegación en tu sitio web sea más agradable con el desplazamiento suave entre marcadores.
05/05/2024
Controla el desplazamiento o scroll de tu web con Scroll Snap en CSS, una función que permite un desplazamiento suave y centrado en secciones.
04/05/2024
Descubre cómo usar CSS line-clamp para truncar texto a un número específico de líneas y mejorar la legibilidad en tu diseño web.
04/05/2024
Optimiza la legibilidad en tu diseño web con la tipografía fluida CSS Clamp, adaptando los textos al tamaño de pantalla de forma eficiente.
09/10/2023
Domina CSS con nuestra sección de ejercicios resueltos. Aprende y practica creando estilos efectivos para páginas web.
09/08/2023
Un tooltip es una pequeña ventana emergente que se muestra al colocar el cursor sobre un elemento. Veamos los pasos para crear tooltips.
03/08/2023
Implementa el modo oscuro y claro en tu sitio web mediante CSS, HTML y JavaScript. Aprende a utilizar la propiedad prefers-color-schememe.
02/08/2023
Visualiza una tabla resumen de las propiedades CSS que hemos visto a lo largo del capítulo. Incluye su descripción y los valores que soporta.
02/08/2023
Existen diferentes maneras de centrar horizontal y verticalmente un elemento mediante CSS. A continuación se describen las técnicas más destacadas.
02/08/2023
CSS Grid nos ayuda a maquetar nuestra página web mediante cuadrículas o rejillas (grids) totalmente configurables mediante estilos CSS.
01/08/2023
Practica tus habilidades CSS con estos ejercicios prácticos en el que se repasan los conceptos estudiados durante el curso.
01/08/2023
CSS ofrece funciones matemáticas que se pueden utilizar para realizar cálculos y manipular valores numéricos en propiedades CSS.
29/07/2023
En este apartado veremos cómo hacer animaciones en CSS utilizando la propiedad animation, sus subpropiedades y la secuencia @keyframes.
28/07/2023
Las transformaciones CSS nos permiten rotar, torcer, escalar o desplazar los elementos de nuestra página web. Las dos propiedades que nos sirven para definir las transformaciones son transform y transform-origin.
27/07/2023
Las transiciones nos permiten aplicar un cambio de estilo gradual a los estilos que hemos ido viendo hasta ahora o aplicar estilos diferentes entre estados.
26/07/2023
El módulo de caja flexible o flexbox nos ofrece un mecanismo con el que dividir el espacio disponible en la ventana, y crear las filas y columnas necesarias para la implementación del diseño de una página web.
25/07/2023
Aprende a insertar gráficos vectoriales SVG con CSS y HTL. Además, aprende a cambiar sus propiedades: el color, tamaño, opacidad...
25/07/2023
Los gradientes nos permiten añadir efectos de colores degradados en nuestros diseños. Disponemos de dos tipos de gradientes: lineal y radial.
24/07/2023
Descubre cómo insertar iconos de Google Fonts Icons en tu sitio web para mejorar su estética y usabilidad.
24/07/2023
Veamos ahora los diferentes formatos de las fuentes y qué métodos tenemos para incorporarlos en nuestros proyectos web. Además conoceremos las ventajas de utilizar el repositorio de fuentes de Google Fonts.
23/07/2023
Los selectores de atributos permiten elegir elementos HTML en función de sus atributos y/o valores de esos atributos.
22/07/2023
Las variables CSS, también llamadas custom properties (propiedades personalizadas) nos permiten definir nombres para valores de propiedades.
20/07/2023
Mediante las propiedades de CSS3 "text-shadow" y "box-shadow" podemos aplicar sombras en los textos y los contenedores para enriquecer nuestras interfaces.
20/07/2023
Los botones CSS ofrecen flexibilidad para crear diseños únicos y atractivos en tus páginas web. Veamos algunos ejemplos.
19/07/2023
En CSS, los cursores se utilizan para cambiar la apariencia del cursor del ratón cuando se encuentra sobre un elemento interactivo.
20/10/2019
Las media queries se introdujeron en CSS3 para dar respuesta a las necesidades del diseño web responsive. Mediante ellas podemos definir estilos condicionales, aplicables únicamente en determinadas situaciones.
19/10/2019
Las hojas de estilos CSS permiten definir diferentes estilos para diferentes medios o dispositivos: pantallas, impresoras, proyectores, televisores, etc.
18/10/2019
A la hora de crear una interfaz web existen diferentes tipos de diseño: diseño con tamaño fijo, diseño. Es importante mencionar que estos métodos se pueden utilizar de forma combinada. Veamos cada uno de estos métodos.
13/10/2019
Comprueba tu progreso de aprendizaje de estilos CSS con el test que tenemos preparado.
12/10/2019
Aprende a usar correctamente las rutas de archivos en HTML y CSS y evita errores como usar rutas C:\ que solo funcionan en tu ordenador.
12/10/2019
Descubre las mejores prácticas para nombrar clases en CSS, desde la elección de separadores hasta la importancia de la claridad en el código.
12/10/2019
Seguir unas buenas prácticas a la hora de crear estilos CSS hace que el código sea más claro y legible tanto para ti y como para tus compañeros de proyecto.
12/10/2019
Inspecciona elementos con el navegador con las DevTools para diagnosticar y resolver problemas de CSS y HTML.
12/10/2019
Utilizar los recursos más apropiados es imprescindible para desarrollar con el mayor éxito cualquier página web. Veamos varias herramientas útiles...
12/10/2019
Gracias a los estilos podemos romper el diseño gris con líneas negras de los formularios y convertirlos en una parte más que se integra perfectamente en nuestro diseño web.
12/10/2019
Explora los problemas comunes al usar flotantes en CSS y aprende soluciones efectivas. Mejora tu comprensión y tus habilidades de CSS.
12/10/2019
Solucionando el Espacio Entre Elementos en línea-bloque (display: inline-block;) en HTML y CSS con comentarios, flotantes, Flexbox y CSS Grid.
12/10/2019
La propiedad overflow (desbordamiento o excedente) nos permite controlar el comportamiento del contenido que se encuentra en una caja o contenedor.