Micro píldoras
-
Tomar la píldora: Aspect-ratio falla en iPhone al girar: menudo lío
Aspect-ratio falla en iPhone al girar: menudo lío
Si has trabajado con aspect-ratio en CSS, probablemente te hayas encontrado con los fallos e inconsistencias de Safari (especialmente en iPhones). Incluso girando el móvil rápidamente, se rompe la proporción. Es frustrante. 🛠 La solución más confiable: Usar el clásico padding-top con un ::before para mantener la proporción: ❌ Lo que falla (con soporte condicional):…
-
Tomar la píldora: Git y los ficheros con mayúsculas y minúsculas: cómo solucionar conflictos
Git y los ficheros con mayúsculas y minúsculas: cómo solucionar conflictos
Los cambios en los nombres de archivos debido a diferencias en mayúsculas y minúsculas pueden causar errores graves en WordPress, especialmente en sistemas sensibles al _case_ como los basados en Linux. Lo sé, puedes decirme que lo estoy haciendo mal, que WP, los plugins y todos los demás ficheros que no sufren de modificaciones no…
-
Tomar la píldora: Cómo solucionar el grosor de text-decoration muy grande, también en Gutenberg.
Cómo solucionar el grosor de text-decoration muy grande, también en Gutenberg.
Cuando utilizamos text-decoration-thickness en CSS, debemos recordar que al aplicar text-decoration: underline, el grosor del subrayado se reinicia a su valor inicial (initial). Para garantizar consistencia, utiliza text-decoration: underline 1px en lugar de text-decoration: underline. Evitar inconsistencias en Gutenberg En proyectos basados en Gutenberg o estilos globales, es recomendable forzar el grosor y el desplazamiento…
-
Tomar la píldora: Scrollbar personalizada para todos los navegadores
Scrollbar personalizada para todos los navegadores
Personalizar las scrollbars es una forma de mejorar la experiencia de usuario en tus proyectos. Aquí tienes un mixin en SCSS para manejar scrollbars tanto en navegadores Webkit como en Firefox, con soporte completo para estilos personalizados. Mixin SCSS para scrollbars personalizadas Cómo usarlo Este mixin te permite definir colores personalizados para el track, el…