Front-end, Estándares web y Accesibilidad
Archivo » 9 Diciembre 2008
El titulo de este post hace referencia a una premisa bastante antigua y conocida en el mundo de la accesibilidad web. Desafortunadamente y a día de hoy los scripts siguen vivitos y coleando incrustados en los atributos href de cientos de enlaces. Siguiendo la tónica anterior voy a seguir incorporando ejemplos reales donde mi intención [...]
Continuar leyendo "Scripts y enlaces".
CSS permite escribir las reglas de forma abreviada lo cual repercute principalmente en dos beneficios: Optimización: La escritura abreviada hace que nos ahorremos muchas líneas de código CSS y esto se traduce en menos bytes a descargar por parte del navegador que accede al sitio web. Legibilidad: Un código con reglas de CSS abreviadas es [...]
Continuar leyendo "Formas abreviadas para optimizar CSS".
En varias ocasiones me he encontrado con este problema, así que igual puede sacar de apuros a más de uno. Podemos tener en CSS una pseudo-clase para poner un color de fondo en los enlaces: a:hover { background-color: red; } En enlaces textuales todo es correcto (tal y como se espera) <a href="#">enlace de texto</a> [...]
Continuar leyendo "Imágenes sin background-color en enlaces".
Convertir unidades de medida en pixeles (px) a unidades relativas (em) es una de las tareas más recurridas para flexibilizar nuestro diseños web. Em Calculator (Px to Em) es una herramienta (nuevamente online) que se encarga de facilitarnos esta tarea de conversión. Si se logra alcanzar un buen (reitero lo de buen) diseño flexible, mejoraremos [...]
Continuar leyendo "Convertir PX en EM con Em Calculator".
Imaginaros como puede llegar la información de esta imagen a una persona ciega a través de su lector de pantalla. Una repetición sonora de caracteres recurrentes sin el más mínimo significado y que finalmente se convierte en algo excesivamente molesto. Lo bueno es que podemos contar con una alternativa muy sencilla y con un mínimo [...]
Continuar leyendo "ASCII Art y la accesibilidad web".
Todavía es fácil encontrarse con una gran inmensidad de sitios web que se preocupan muy poco por la accesibilidad de elementos no textuales (como las imágenes). Muchos sitios web usan imágenes de forma estrictamente decorativa, sin aportar ningún tipo de información. La web esta plagada de absurdas ocurrencias (todos los diseñadores hemos pasado por ellas) [...]
Continuar leyendo "Accesibilidad en imágenes".
CSS Type set destaca por su excelente diseño y usabilidad, otra buena herramienta online para “testear” el texto y obtener el CSS correspondiente.
Continuar leyendo "CSS type set".
Es increible lo que algunos programadores son capaces de hacer con la librería jQuery. En este caso Damian Wielgosik nos sorprende con Drawter, una potente herramienta (muy bien pensada y diseñada) con la que podemos crear nuestros layouts y obtener el código XHTML & CSS sin escribir ni una sola línea de código, puesto que [...]
Continuar leyendo "Diseñar con Drawter (XHTML y CSS)".
Comentarios
Trackbacks