Existen muchos selectores o pseudo-clases de CSS que aunque sabemos que existen no acostumbramos a utilizarlos a menudo, en mi caso, :not es uno de ellos. Básicamente, :not() es una pseudo-clase que sirve para añadir excepciones en nuestras hojas de estilo CSS. Por ejemplo, si queremos que
Subrayado animado de enlaces con CSS
No se si te habrás fijado que en algunas páginas web y blogs, los enlaces se subrayan de forma animada al pasar por encima de ellos. Me refiero a este efecto: Enlace con animación de subrayado Como me gustaba mucho este detalle, estuve buscando y probando para implementarlo, pero los primeros que
Añadir estilos a un campo select con CSS
Añadir estilos uniformes a los campos de un formulario es entretenido, pero especialmente los campos de selector (las listas desplegables), son especialmente difíciles de dar un estilo acorde con el resto de campos y diseño de la web, y aceptablemente homogéneo en los diferentes navegadores. Hoy
Crear una Barra superior o Top bar en Genesis sin plugins
En general no soy muy fan de pop-ups y elementos que puedan entorpecer la usabilidad de los que visitan una web, sin embargo es cierto que a veces necesitamos, para momentos y promociones puntuales, poder añadir información destacada que resalte en nuestra web y no pase desapercibida. Descartando
Ocultar un elemento de menu en una pagina en concreto
En algunas ocasiones, por la razón que sea, me han pedido que en determinada página de la web, quedara oculto alguno de los elementos del menú principal. Aunque existen formas de hacerlo mediante programación, a veces, muchas veces, es más sencillo recurrir al CSS en lugar de complicarnos con
Indicar transparencia en código de color Hexadecimal
Esta semana he descubierto algo que después de años trabajando con CSS ya me vale no haber sabido antes... Hasta ahora, cuando quería indicar un color con trasparencia con CSS, lo hacía con el código correspondiente en rgba, por ejemplo: [crayon-5d30ec1e4aab3119387478/] En el caso de blanco o
Desactivar enlace con CSS
Hoy seguimos con uno de esos trucos de los que a veces nos salvan la vida para solucionar detalles o temas complicados apenas con pocas líneas de CSS: poder desactivar un enlace, es decir, que no funcione ni el usuario pueda hacer clic, sin tener que tocar el código original, sólo con CSS. Está
Mostrar la lupa sobre una imagen con CSS
Hay ocasiones en que utilizamos un plugin para galerías y lightbox que por funcionalidad nos sirven pero al que le falta algún detalle que nos iría bien por diseño. Recientemente me he encontrado en este caso en que el cliente quería una galería fotográfica en que se vieran las miniaturas y
Crear la cabecera fija «sticky header» fácilmente con jQuery y CSS
Con la expansión de los dispositivos móviles y la tendencia del formato vertical en las páginas web, se ha ido extendiendo la necesidad de mantener la cabecera de nuestra web con el menú fijo en la parte superior del navegador mientras hacemos scroll, de forma que no es necesario volver a subir