Los selectores en CSS son una de las características fundamentales que debemos dominar a la hora de aplicar estilos a los elementos de una página web. Sin ellos, no podríamos conectar nuestras reglas de estilo con los elementos del DOM…
Archivo del sitio
Transformaciones con CSS
En el desarrollo y diseño web moderno, las transformaciones con CSS (Cascading Style Sheets) ofrecen un conjunto de herramientas potentes para cambiar el aspecto visual de los elementos de una página de manera fluida y dinámica. Estas transformaciones permiten modificar…
Una guía para empezar con las listas en HTML
En mis clases de diseño y desarrollo Web explico a mis alumnos que en el mundo Web, las listas son fundamentales para organizar y presentar información de manera clara y estructurada. HTML proporciona tres tipos principales de listas: listas ordenadas…
Transiciones con CSS
Las transiciones de CSS han potenciado las capacidades del diseño web, permitiendo a los diseñadores crear experiencias de usuario más fluidas e interactivas sin grandes complicaciones. Hoy en día resulta una herramienta fundamental que todo aspirante a diseñador web debe…
Las ventajas de CSS Flexbox: cuándo y por qué usarlo
Desde su introducción, hace ya más de una década, CSS Flexbox, o simplemente Flexbox, ha revolucionado el diseño y maquetado web. Desde una perspectiva moderna, se presenta como herramienta poderosa para crear layouts flexibles y componentes de interfaz de usuario…
Colores en CSS
El manejo del color es una de las características esenciales del diseño Web. No solo mejora la estética visual de un sitio Web, sino que también influye en la percepción, el comportamiento y las decisiones que pueden tomar los usuarios.…
Las ventajas de usar calc() en CSS
Al poner las manos a la obra en un maquetado Web ¿te ha ocurrido que necesitabas restar el tamaño de un elemento a otro para ajustar mejor el espacio disponible? o ¿te hubiera sido útil poder aplicar un cálculo para…
CSS Grids: introducción al maquetado adaptable con grillas
Hoy vamos a hablar sobre una técnica que nos dará una nueva perspectiva sobre el maquetado de interfaces web utilizando CSS. El uso de CSS Grids está creciendo, de la mano de nuevas técnicas y también de la compatibilidad, cada…
Ventajas de usar Bootstrap en la creación de sitios Web
En el mundo del diseño y desarrollo web, Bootstrap es un término que ha resonado en la comunidad desde su lanzamiento en 2011. Como un marco de diseño (framework) de frontend abierto y gratuito, Bootstrap ha revolucionado la manera de…
Cómo escalar elementos con CSS
Cambiar las dimensiones de elementos desde CSS es una opción que está presente en el estándar desde sus comienzos. Por ejemplo, y a hemos visto que es posible cambiar el tamaño de las cajas utilizando las propiedades de ancho (width)…
Qué es Bootstrap
El maquetado y programación de las características interactivas de la interfaz de usuario de sitios y aplicaciones Web es una tarea que requiere tiempo y conocimientos sobre las técnicas vinculadas a HTML y CSS. A la hora de realizar este…
Cómo crear círculos con CSS
Si exploramos el gran potencial que nos ofrece CSS, seguramente podremos descubrir un mundo de posibilidades para dar estilos a los elementos de nuestras páginas HTML. Mediante CSS3 es posible crear una gran variedad de formas, aplicando algunos trucos muy…