All selectors provided here are valid for CSS 2.1 unless otherwise stated. Internet Explorer 6, Internet Explorer 7 (Non standard mode), Internet Explorer 8 (Non standard mode): * html {} Internet Explorer 7, Internet Explorer 8 (IE7 standard mode): *:first-child+html {} * + html/*/ * /**/ body {} Internet Explorer 8 (Ids are examples): #ie_80 […]

Con el siguiente comando: htpasswd -nb usuario contraseña Nos devolverá: Automatically using MD5 format. usuario:$apr1$v55Iklr1$K8xj83k6NxMPXeHXfdnRu/ La segunda línea es la que habrá que copiar. En Windows será htpasswd.exe, precedido de la ruta en la que esté ubicado. La contraseña va convertida a un MD5 especial de Apache. Habrá que hacer esto por cada usuario que […]

Suele pasar que cuando hay capas emergentes y animaciones flash la capa se queda por debajo del Flash. Basta con añadir esto dentro del elemento OBJECT: <param name="wmode" value="transparent" /> Un ejemplo completo: <object type="application/x-shockwave-flash" data="fichero.swf"> <param name="wmode" value="transparent" /> <param name="movie" value="fichero.swf" /> <param name="quality" value="high" /> <p>No dispone del plugin Flash Player, si […]

Una sencilla función para detectar si se clica fuera de un elemento: document.onclick = function (e) { e = e || event var target = e.target || e.srcElement var elemento = document.getElementById(‘id_elemento’); do { if (elemento == target) { // El click se ha producido dentro del elemento, no se hace nada. return; } target […]

Simply function to detect click event outside desired element: document.onclick = function (e) { e = e || event var target = e.target || e.srcElement var element = document.getElementById(‘id_element’); do { if (element == target) { // When clicked inside element, does nothing return; } target = target.parentNode; } while (target) // When clicked outside […]

Un problema que se presenta en algunas ocasiones y que suele olvidarse bastante es la utilización de imágenes de fondo CSS en áreas de texto, y cuando se desactivan las imágenes no se ve el texto. Hoy he visto un ejemplo en la web de Vodafone. En las páginas de productos tienen un enlace con […]

Cheatsheet de Jquery 1.3 con lo esencial.

Las nubes de tags suelen estar conformadas por un grupo de palabras que aparecen en distintos tamaños según la importancia que tengan. Pueden ir en un solo párrafo o bien en elementos de lista. Para darles los tamaños es necesario darles una clase (no vale el atributo style, ya que supone mezclar presentación y contenido) […]

Aviso: Artículo obsoleto. Ir a Javascript: Carrusel / Slideshow con Jquery. Actualizado 2009-10-02: Se le añade botón de pausa (vaya fallo el no haberlo puesto anteriormente) y comentarios útiles sobre el funcionamiento de cada parte del código. He creado un slideshow sencillo con Jquery (probado en versión 1.3.2): jQuery.noConflict(); // Así podemos convivir con otras […]

Actualizado 2009-06-30. Según Jakob Nielsen Ocultar los caracteres de un campo de contraseña (mediante <input type="password" id="ejemplo" name="ejemplo" />) puede ocasionar algunos problemas. Considero que se pasa un poco, de modo que expongo los que creo que son más importantes: El usuario no ve lo que está escribiendo, lo que facilita que se equivoque. Utilización […]