Cuando rediseñé esta web para centrarla en los servicios de formación a desarrolladores web, quise poner en el tagline de la página de inicio un subtítulo con el llamado efecto máquina de escribir (typewriter effect). Como iba con prisas y no quería o podía perder tiempo en según que detalles,
Prioridad y especificidad de CSS en WordPress
Cuando trabajamos con estilos de CSS para crear un diseño o modificar uno existente, tenemos que ser conscientes de dos temas muy importantes que nos van a condicionar: las prioridades y la especificidad de los estilos. En este artículo vamos a ver estos dos conceptos en general y que ocurre en
Uso práctico para el selector :not de CSS
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-5d88cdaca2171095490814/] 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á