el cssar

el cssar

Diseño y maquetación accesibles basados en estándares web

Saltar a contenido
  • ¿De qué va el CSSar?

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

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

Selectores CSS avanzados 1/3

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

Continuar leyendo →
en CSS | 1,183 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.

Continuar leyendo →
en HTML5 | 2,586 Palabras | Comentario

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 →
en código semántico, HTML5 | 2,185 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.

Continuar leyendo →
en CSS | 2,128 Palabras | 2 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.

Continuar leyendo →
en CSS | 529 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.

Continuar leyendo →
en UX | 929 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.

Continuar leyendo →
en HTML | 1,346 Palabras | 13 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).

Continuar leyendo →
en CSS, responsive | 2,084 Palabras | Comentario

Navegación de Post

Archivos

  • diciembre 2020
  • junio 2020
  • octubre 2019
  • septiembre 2019
  • enero 2019
  • agosto 2018
  • octubre 2017
  • agosto 2017
  • mayo 2016
  • octubre 2015
  • diciembre 2014
  • julio 2009
  • marzo 2009
  • junio 2008
  • mayo 2008

Meta

  • Acceder
Independent Publisher potencializado por WordPress