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

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,043 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

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.

Continue leyendo →
en UX | 954 Palabras | Comentario

Navegación de entradas

Subscríbete al boletín

Etiquetas

accesibilidad buscador compartir contacto CSS CSS3 css columns código estructural 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 web 3.0 web semántica whatsapp xhtml
Independent Publisher potencializado por WordPress