Atributo Accesskey

Una breve introducción a accesskey para aprender a mejorar la accesibilidad de tu web usando este atributo ya casi olvidado.

Continue leyendo →

Input type range: slider bar

Guía completa para trabajar con input type range de HTML5 y crear slider bars accesibles con CSS personalizado para todos los navegadores.

Continue leyendo →

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

Continue 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.

Continue 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á.

Continue leyendo →

Selectores CSS avanzados 1/3

Tutorial de selectores CSS :nth-child de básico a avanzado y aplicaciones prácticas

Continue 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.

Continue 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.

Continue 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.

Continue 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.

Continue leyendo →