Categoría: Diseño

Propiedad position de CSS

Propiedad position de CSS

25 de mayo 2023

La propiedad position de CSS nos permite controlar la posición de un elemento respecto al resto de elementos de una página, los que permite a los desarrolladores hacer diseños más complejos y adaptativos. Con esta propiedad se puede modificar el flujo HTML de una web y posicionar elementos de forma…

Categorías: CSS, Diseño

Crear un elemento de menú sin enlace en WordPress

Crear un elemento de menú sin enlace en WordPress

12 de abril 2023

Cuando estamos maquetando una página web con WordPress en ocasiones necesitamos crear un elemento de menú sin enlace. Esto es bastante habitual cuando queremos crear un submenú y que el elemento padre que lo contiene no lleve a ninguna página. Para hacerlo bastará con que sigas estos sencillos pasos: Lo…

Categorías: Diseño, WordPress

Propiedad resize de CSS

Propiedad resize de CSS

30 de enero 2023

La propiedad resize de CSS permite al usuario redimensionar un elemento en pantalla. Para ello aparecerá un selector en la esquina inferior derecha que arrastrándolo modificará su tamaño. Esta función es algo que se utiliza tradicionalmente en el diseño web para las áreas de texto en los formularios, ya que…

Categorías: CSS, Diseño

Propiedades personalizadas (variables) en CSS

Propiedades personalizadas (variables) en CSS

5 de marzo 2022

CSS ha ido evolucionando con el paso de los años, entre la primera versión y la actual se han ido incorporando diferententes funciones y utilidades que hacen que maquetar una web sea mucho más cómodo. Una de las últimas incorporaciones son las propiedades personalizadas, a las que habitualmente se las…

Categorías: CSS, Diseño

Crear degradados con CSS

Crear degradados con CSS

7 de noviembre 2021

Cuando hablamos de un degradado dentro del mundo del arte, y más concretamene del diseño, nos referimos a una transición suave entre dos o más colores de forma gradual. Se trata de un efecto que ha pasado del entorno más tradicional al digital por su gran versatilidad a la hora…

Categorías: CSS, Diseño

Propiedad visibility de CSS

Propiedad visibility de CSS

14 de septiembre 2021

La propiedad visibility de CSS podemos usarla para ocultar o mostrar elementos del diseño de una página web. Tenemos a nuestra disposición tres valores: visible, hidden y collapse. Dependiendo del valor que asignemos, el comportamiento que tendrá el elemento será diferente. Vamos a detenernos un momento a revisar cada uno….

Categorías: CSS, Diseño

Centrar página web verticalmente con HTML y CSS

Centrar página web verticalmente con HTML y CSS

18 de marzo 2021

Durante la fase de maquetación de un desarrollo web a veces es necesario tener que centrarla verticalmente o a un elemento de ella para que quede siempre a mitad de pantalla sea cual sea la resolución a la que se acceda. Para conseguirlo existen diversas maneras que incluyen también usar…

Categorías: CSS, Diseño, HTML

Propiedad box-sizing de CSS

Propiedad box-sizing de CSS

31 de diciembre 2020

Esta propiedad de CSS sirve para decidir cómo se va a calcular el ancho y alto de un elemento. Cuando usamos las propiedades width y height en un elemento, como un DIV por ejemplo, por defecto se aplican al área de contenido de la caja. Es decir, se excluye el…

Categorías: CSS, Diseño

Unidades de medida en CSS: longitud, ángulo, duración frecuencia y resolución

Unidades de medida en CSS: longitud, ángulo, duración, frecuencia y resolución

5 de junio 2020

Maquetar una página web es parecido a construir la estructura de un edificio. Partiendo de un diseño y utilizando diferentes elementos se arma una estructura que contendrá todo el contenido al que vaya destinado. Como supondrás, para evitar problemas es necesario prestar especial atención a las dimensiones de la composición…

Categorías: CSS, Diseño

Efecto Hover 3D de capas solo con CSS

Efecto Hover 3D de capas solo con CSS

6 de abril 2020

En esta entrada vamos a ver cómo crear un efecto hover en 3D con capas utilizando solo HTML y CSS. Para ello vamos a simular que al pasar el ratón por encima descomponemos el diseño de una página web en diferentes profundidades, separando las capas que lo componen y rotándolas…

Categorías: CSS, Diseño, HTML

Qué son Saas y Less

Qué son Sass y Less

17 de marzo 2020

Si llevas el tiempo suficiente dedicándote a hacer desarrollo de páginas web, es más que probable que te hayas topado con alguno o ambos conceptos y aún no tienes claro qué son. Por eso voy a intentar explicarlo de un modo sencillo y breve sin entrar en demasiados detalles, es…

Categorías: CSS, Diseño