Front-end, Estándares web y Accesibilidad
Archivo » Estándares
Hace poco tiempo hablábamos del código optimizado para diseñar e-mails y newsletter, ahora le toca el turno al formato de impresión. Por cierto, entre tantas versiones (pantalla, e-mail, impresión) cabe recordar eso de “una web única” tan promulgado por la W3C. Bueno, lo que si es cierto es que las ventajas de los estándares web [...]
Continuar leyendo "CSS print, página optimizada para la impresión".
Como ya sabemos XHTML Strict no permite el atributo target, así que por descontado no podemos usar target=”_blank” como antaño. Sin embargo existen situaciones en las que puede ser conveniente abrir una nueva ventana. En muchos sitios web se usa rel=”external” para identificar aquellos enlaces que deben abrirse en nuevas ventanas a través de una [...]
Continuar leyendo "_blank, rel=”external” y una solución jQuery para abrir enlace en nueva ventana".
Se ha hablado mucho acerca del futuro lenguaje de marcado para la web, HTML 5 y XHTML 2. Dos lenguajes que se van desarrollando y creciendo de forma paralela. La W3C parece apostar por la especificación XHTML, mientras que otras empresas como Opera, Mozilla, Apple están trabajando en HTML5. En la conferencia de Chaals sobre [...]
Continuar leyendo "HTML5 & XHTML2, ¿la unión hace la fuerza?".
Días atrás me toco diseñar unas plantillas para los e-mails y newsletters de un proyecto. Voy a compartir algunos consejos y sobre todo una conclusión: Si eres un obsesionado de los estándares web, empieza por poner algo de música relajante, hacerte un lavado de cerebro y retroceder unos cuantos años. La cuestión es que webmails [...]
Continuar leyendo "Código para el diseño de e-mails y newsletters".
Hoy por la mañana tuve un reporte acerca de un problema de estilo en Safari. Estuve mirando el CSS del blog en cuestión hasta que vi el @charset en mitad del documento. Charset tiene por misión indicar la codificación de caracteres dentro de una hoja de estilo CSS. @charset "utf-8"; Este fallo es algo que [...]
Continuar leyendo "@charset al inicio del CSS".
El pasado Miércoles (29 de abril) fui a la conferencia de Chaals (Charles McCathieNevile) titulada “Nuevas Estándares Web – ¿mejorando la plataforma?”. Chaals trabaja como responsable de estándares para Opera, anteriormente estuvo en la W3C y fue vicepresidente de la Fundación Sidar. Sobre Chaals Destaca principalmente por su oratoria puesto que sabe comunicar y entretener [...]
Continuar leyendo "Chaals, Nuevos Estándares Web".
Entiendo que un buen diseño web es aquel proporciona su información (el contenido) de forma sencilla (usabilidad) y adaptándose a una gran variedad de escenarios (accesibilidad). Sin profundizar demasiado en cada disciplina es bastante fácil comprobar lo dicho a través de un sencillo test en el que desactivemos de nuestro navegador las imágenes, el css, [...]
Continuar leyendo "Un test, web sin imágenes, sin CSS, sin JavaScript, plugins, etc.".
De vuelta con el inseparable amigo de cualquier diseñador web: float. Voy a resumir en este post 4 formas de contener los efectos colaterales evitando “desbordamientos” y la desorganizanción de los elementos fluidos. Easy clearing (Big John) Soluciona el problema creando la clase clearfix. Esta técnica es eficiente, no obstante y de forma personal la [...]
Continuar leyendo "FLOAT, cuatro formas de contención".
Me dio fuerte por el tema LABEL (es cierto!), pero esta vez dejo el tema de la asociación explicita e implícita para comentar el uso de las etiquetas dentro de los propios controles. En estos casos en vez de usar LABEL se sitúa un valor textual para el atributo value de un INPUT, generalmente por [...]
Continuar leyendo "Etiquetas dentro del control input (II)".
Con el interesante comentario de Olga me entero de otro de cambio de rumbo que asumir. La verdad es que hace años de esto, pero recuerdo haber leído y re-leído las recomendaciones acerca de hacer que el control se asocie explicita e implícitamente a la etiqueta puesto que algunos dispositivos no soportaban la asociación explicita [...]
Continuar leyendo "LABEL explicito e implícito".
Comentarios
Trackbacks