Tras aproximadamente una década de HTML 4.01 y XHTML 1.0, el W3C está a punto de sacar una nueva versión del estándar con unos cambios muy interesantes. Por ello, para introducirse en los cambios más notorios, estoy preparando una pequeña guía de los mismos. No está terminada, pero creo que los conceptos más importantes ya […]

Resulta habitual encontrarse con que las distintas versiones de Internet Explorer interpretan de forma distinta ciertas propiedades CSS, y que sea necesario utilizar engorrosos selectores para filtrar las versiones que dan problemas, vincular hojas de estilo mediante comentarios condicionales, Javascript, etc.

Hay tres elementos que intervienen en las citas: BLOCKQUOTE Q CITE

El elemento DETAILS en HTML 5 proporciona un área de contenido desplegable. Inicialmente se muestra un elemento SUMMARY que será con el que se alterne la visibilidad del contenido. Actualmente hay navegadores con cierto soporte de HTML 5, pero aun ninguno soporta el comportamiento que ha de tener el elemento DETAILS. Por ello he creado […]

El objetivo es crear una galería con elementos superpuestos: Al clicar sobre uno de los elementos plegados, éste se despliega, a la vez que el que estaba seleccionado con anterioridad se pliega. Totalmente accesible mediante navegación de teclado.

En Prototype no hay equivalencia al método appendTo() de Jquery (enlace externo, en inglés), pero hay un modo de suplirlo.

Cuando se quiere ver más grande un sitio en el navegador web se puede optar por dos modos de variación de las dimensiones: Mediante zoom Mediante escalado de texto

Actualizado 2011-02-18: Se añade una variante con desplazamiento ilimitado. El objetivo es crear una galería con desplazamiento mediante Javascript manteniendo la accesibilidad cuando no hay soporte Javascript.

En Prototype no hay equivalencia al método closest() de Jquery (enlace externo, en inglés), pero hay algunas formas de suplirlo.

Al maquetar puede resultar engorroso el andar ajustando un pequeño detalle en CSS y tener que actualizar la página cada vez que se cambia. He montado un Javascript simple para hacer más fácil la tarea del maquetador. Consiste en recargar la CSS en un intervalo de tiempo (en el ejemplo será 1 segundo) sin recargar […]