Actualizado: Añadida versión para Prototype. En ocasiones tenemos el típico diseño en el que el fondo de cabecera y de pie de página ocupan todo el ancho visible, sea cual sea. Es tan simple como poner un fondo en el elemento BODY y otro fondo en el elemento HTML.

En Prototype no hay equivalencia al método appendTo() de Jquery (enlace externo, en inglés), pero se puede suplir creando un método para Prototype.

Fragmento de HTML 5 con un formulario de búsqueda, en el que se generará el rollover del botón de búsqueda mediante Javascript, y se simulará el placeholder también mediante Javascript en navegadores no soportado.

He aquí el código: (function($){ $.fn.XXXX = function(options){ var defaults = { // Opciones por defecto opcion1: ” ,opcion2: ” } var op = $.extend(defaults, options); return this.each(function(){ $(this).XXXX(); }); } })(jQuery);

Al utilizar una lista de definición en la que los términos (elemento DT) y las definiciones (elemento DD) deben ir en una misma línea (por ejemplo el DT flotado a la izquierda y el DD flotado a la derecha) surge un pequeño inconveniente: los elementos se descolocan en cuanto hay alguno que tenga una altura […]

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.