el cssar
el cssar
Diseño UX, técnicas CSS, accesibilidad y estándares web
Saltar al contenido
  • ¿De qué va el CSSar?

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 →
en HTML | 675 Palabras | Comentario

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 →
en HTML5 | 2,422 Palabras | Comentario

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 →
en CSS | 1,136 Palabras | Comentario

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 →
en HTML5 | 2,048 Palabras | 9 comentarios

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 →
en CSS | 1,368 Palabras | Comentario

Selectores avanzados CSS 1/4 – nth-child()

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

Continue leyendo →
en CSS | 1,202 Palabras | Comentario

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 →
en HTML5 | 2,747 Palabras | Comentario

Input type 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 →
en código semántico, HTML5 | 2,266 Palabras | Comentario

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 →
en CSS | 2,517 Palabras | 10 comentarios

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 →
en CSS | 755 Palabras | Comentario

Navegación de entradas

Subscríbete al boletín

Etiquetas

accesibilidad buscador compartir contacto CSS CSS3 css columns código estructural e-mail email enlace float formularios funciones CSS href HTML input type jQuery link marcado semántico pattern pseudo-clases CSS responsive scrollbar selectores CSS share slider bar tabla HTML Telegram UCD URL usabilidad validación validación HTML5 web 3.0 web semántica whatsapp xhtml
Independent Publisher potencializado por WordPress

elcssar.com es una obra de Daniel Fernando Abril Franco licenciada como CC BY-NC-ND 4.0