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

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 | diciembre 5, 2020 | 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 | junio 27, 2020 | 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 | octubre 8, 2019 | 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 | septiembre 9, 2019 | 2,321 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 | enero 17, 2019 | 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 | agosto 25, 2018 | 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 | octubre 12, 2017 | 954 Palabras | Comentario

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.

Continue leyendo →
en HTML | octubre 11, 2017 | 1,354 Palabras | 33 comentarios

Menú responsive – Tutorial CSS

En este tutorial vamos a ver un pequeño componente CSS muy útil: un menú responsive de dos niveles compatible con mobile y tablet, sensible a la resolución de las pantallas pero también a su orientación (vertical u horizontal).

Continue leyendo →
en CSS, responsive | agosto 13, 2017 | 2,084 Palabras | 2 comentarios

Media queries breakpoints – claves del responsive design

Conoce las claves para definir tus media queries y deja de buscar plantillas mágicas. Aprende cómo resolver conflictos entre dispositivos y a definir breakpoints en base a las necesidades de tus usuarios.

Continue leyendo →
en responsive, UX | mayo 10, 2016 | 3,227 Palabras | Comentario

Navegación de entradas

Subscríbete al boletín

Etiquetas

accesibilidad buscador compartir contacto CSS CSS3 css columns código estructural diseño e-mail email enlace float formularios HTML funciones CSS href HTML HTML pattern inputmode input type jQuery link marcado semántico morfismo pattern pseudo-clases CSS REGEX 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