Front-end, Web Standards & Accessibility

Hay mucho escrito acerca de como detectar si un navegador soporta JavaScript, sin embargo conocer el soporte de CSS ya es algo más raro. Un viejo amigo me ha mandado hoy esa duda por e-mail, así que aprovecho este post para compartir la forma que he usado para detectar si un navegador esta soportando nuestra [...]

Continue reading "Detectar CSS con jQuery".

No me digan que no es buenísimo… quiero uno de estos! Aunque si tuviera que clavar una alfiler por hora derrochada con este navegador, no tendría espacio suficiente. Por cierto, aprovecho para mencionar que mi novia trabaja mucho mejor el fieltro

Continue reading "Haciendo budu a IE".

Algunos medios que hablan de truequi: Publico, Hola!, Que!, CincoDías, 20minutos, ADN, Terra, GenBeta, Loogic, Microsiervos, etc. Como me gustaría poder dedicarle más tiempo

Continue reading "Reseñas de truequi.com".

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, [...]

Continue reading "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 [...]

Continue reading "FLOAT, cuatro formas de contención".

Las listas son un mecanismo increíble (y amigable) para organizar la información. Pero al mismo tiempo pierden “su poder” cuando aumentan de tamaño. Son muchos los proyectos en los que he visto como había controles de tipo select con una extensa lista de opciones. Cuantos más elementos tiene una lista menos eficaz resulta y más [...]

Continue reading "OPTGROUP y la usabilidad en SELECT".

El nuevo campus virtual que implanta la UOC este curso ha centrado el interés de uno de los principales centros de investigación mundiales sobre tecnología y ya opta también a un premio internacional sobre educación. El Instituto Tecnológico de Massachusetts (MIT) invitó a una delegación de la UOC a presentar el pasado 9 de marzo [...]

Continue reading "La UOC presenta en el MIT el nuevo campus virtual".

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 [...]

Continue reading "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 [...]

Continue reading "LABEL explicito e implícito".

Aprovechando las bondades del tag LABEL podemos mejorar tanto la accesibilidad como la usabilidad de los formularios en las interfaces web. LABEL se encarga de asociar la etiqueta textual a un control determinado (input, radio, select, etc.) proporcionando información acerca del control. Cabe destacar que LABEL cuando recibe el foco, automáticamente se lo cede al [...]

Continue reading "Asociación implícita de etiquetas LABEL para controles de formulario".