El atributo title de HTML nos permite añadir información adicional en un elemento, como imagen, enlace, etc... que se suele mostrar en forma de tooltip. El problema es que por defecto no siempre podemos controlar el aspecto de esta etiqueta, que dependerá del navegador que está utilizando el
JSON: qué es y para qué sirve
JSON es un formato de intercambio de datos, fácil de escribir y leer, que se utiliza hoy en día para compartir información entre diferentes aplicaciones y lenguajes. Aunque está basado en la sintaxis de JavaScript, es un lenguaje independiente por lo que para leer / guardar deberemos convertirlo
Modificar el estilo de un pseudo-elemento CSS con JS
Poder modificar el estilo de un elemento de la página "al vuelo" según el resultado de una interacción con el usuario por ejemplo, es bastante común. Por ejemplo, si estamos validando el campo de un formulario, una opción habitual es marcar en rojo el campo específico que contiene un error para
Enlaces largos y word-wrap
Cuando desarrollamos una web que muestra contenido generado por el cliente, ya sea un CMS propio, WordPress o cualquier tipo de plataforma en la que el usuario puede crear y publicar contenido propio, nos encontramos a veces con un problema en dispositivos de pantalla pequeña cuando añaden palabras
[Front] Snippet del día
Me encanta ver las maravillas que hace la gente con un poco de código. A veces son detalles, de usabilidad, de diseño, o simplemente un toque especial, una pequeña animación, una transición... a veces son simples divertimentos, pero otras son recursos que nos pueden ayudar, dar ideas e inspirar
Entender nth-child con ejemplos prácticos
Existen muchos selectores y pseudo-clases de CSS que nos pueden ser muy útiles a la hora de preprar una maquetación web y ajustar los estilos para adaptarnos a un diseño concreto. La pseudoclase :nth-child(an+b) de CSS es una de ellas, y nos permite seleccionar varios elementos hijos de la clase
Usar iconos de Font Awesome como placeholder en un formulario
Si estás preparando un formulario para web, un detalle interesante es poder añadir un icono junto al texto que aparece por defecto en cada campo, el llamado placeholder. Para poder hacerlo, debemos seguir los siguientes pasos: 1- Carga los estilos de Font Awesome: hay varias formas de
Añadir sombra a una imagen con transparencia en CSS
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