Hay detalles en los que no caemos hasta que los necesitamos o no nos preguntan directamente sobre ello. Este es el caso de darle sombra a una imagen de formato png con fondo transparente. Si tenemos un logotipo por ejemplo y queremos darle sombra con CSS, si por costumbre usamos el atributo
Google reCaptcha v3 y php opciones y problemas
Recientemente he tenido que configurar Google reCaptcha v3 en dos páginas web con PHP a medida, y aún siendo ambas muy parecidas, la solución que me ha funcionado ha sido algo diferente en cada una, seguramente debido a la configuración del servidor del hosting. Google reCaptcha se ha convertido
Aprovechando el selector :lang de CSS
En CSS tenemos muchas opciones que sabemos que existen pero a menudo no utilizamos o no se nos ocurre cuando podríamos utilizarlas. Recientemente me ha pasado con el selector :lang de CSS. :lang permite aplicar estilos distintos a un elemento mediante CSS según el idioma en el que se muestre
Efecto máquina de escribir con CSS
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