Ocultar el scroll con CSS – hide scroll Todas las técnicas para ocultar el scrollbar que necesitas conocer en un breve artículo que te explica con ejemplos como combinar atributos como overflow, scrollbar-width y los pseudoelementos ::-webkit-scrollbar Continuar leyendo →
Input type email REGEX pattern Aprende dos formas de validación HTML5 de un campo de correo electrónico usando las reglas nativas o el atributo pattern. Continuar leyendo →
Columnas HTML con CSS Columns Cuando hablamos de columnas HTML podemos estar refiriéndonos a dos cosas: a un column layout de dos o tres columnas o al llamado multi-column layout o sistema de columnas responsive. Este artículo se centra en el último, una técnica de múltiples utilidades que seguro te sorprenderá. Continuar leyendo →
Selectores CSS avanzados 1/3 Tutorial de selectores CSS :nth-child de básico a avanzado y aplicaciones prácticas Continuar leyendo →
Input type search I: reset y submit En este tutorial voy a explicar cómo montar un sencillo campo de búsqueda accesible con funcionalidades nativas soportadas en todos los navegadores. Continuar leyendo →
Input types html5 Repaso de los nuevos input type de html5, su soporte en navegadores y la mejor forma de usarlos para optimizar el rendimiento y la semántica de nuestras aplicaciones. Continuar leyendo →
Alinear texto verticalmente con css vertical-align y flexbox Comparamos algunos de los mejores métodos CSS para centrar contenido en vertical usando vertical-align, flexbox y otras técnicas sencillas y vemos cuales son mejor para cada caso. Continuar leyendo →
Partición CSS: word break, word wrap y hyphens Solución CSS para partir las líneas de texto en web. El método corta las palabras y les añade un guión tras las sílaba de corte, usando graceful degradation para mantener la compatibilidad con todos los navegadores. Continuar leyendo →
El mito de SEO contra UX Corren por la red muchos mitos en relación al SEO y al diseño UX, y probablemente el más incierto es el que dice que están reñidos. Este artículo explica cómo, optimizando tu contenido para los usuarios, puedes potenciar el ranking en motores de búsqueda. Continuar leyendo →
Enlaces href a whatsapp Crea un enlace whatsapp de contacto o para compartir tu web o imágenes pasando parámetros en la URL de tu href. Continuar leyendo →