Outbook: diseño web, usabilidad, y documentación

miércoles, noviembre 18, 2009

Apache: proteger directorios con contraseña mediante htpasswd

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 se quiera insertar, y cada uno de esos usuarios irá en una línea del archivo .htpasswd.

Al archivo con los usuarios y contraseñas se le llamará desde el .htaccess:

AuthUserFile /ruta/a/.htpasswd
AuthType Basic
AuthName "Frase que saldrá en el cuadro de diálogo"
Require valid-user

Ver más en Proteger carpetas con .htaccess y .htpasswd.

Etiquetas: , , ,

jueves, noviembre 12, 2009

Topónimos: lo que los progresistas no quieren que sepas

¿Por que esa manía progresista de utilizar topónimos en idiomas distintos del español cuando existen traducciones?

He aquí una tabla con algunos ejemplos de topónimos de España situados en regiones con idioma propio y, que en lugar de utilizar la forma en español cuando se habla o escribe español, se empeñan en que se use la forma en el idioma regional. Los he mezclado con topónimos de otros países, para resaltar un poco más el absurdo de la situación:

Forma incorrecta Sería correcta usando idioma... Forma correcta usando Español
A Coruña Gallego La Coruña
Ourense Gallego Orense
Lleida Catalán Lérida
Girona Catalán Gerona
Illes Balears Catalán Islas Baleares
Eivissa Catalán Ibiza
Euskadi Vascuence Vasconia (o País Vasco, aunque no sea un páis)
Strasbourg Francés Estrasburgo
Bordeaux Francés Burdeos
Aachen Alemán Aquisgrán
Köln Alemán Colonia
München Alemán Munich
London Inglés Londres
København Danés Copenhague
Torino Italiano Turín

Yo le digo a aquellas personas que hablando en español usan el topónimo en catalán, gallego, vascuence o el idioma regional que corresponda, que en lugar de decir Londres digan London, en lugar de decir Aquisgrán digan Aachen, para que sean coherentes en su forma de usar el lenguaje. ¿A que ahora les empieza a resultar raro?

Etiquetas: , , , ,

enviado por jervert el jueves, noviembre 12, 2009 | 0 comentarios

miércoles, noviembre 11, 2009

Que hacer cuando el elemento OBJECT tapa una capa posicionada

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 lo desea puede <a href="http://www.adobe.com/go/getflashplayer">descargar el plugin</a>. [Resto de contenido alternativo].</p>
</object>

Este método tiene una pega: no funciona en sistemas Linux.

Etiquetas: , , , , ,

jueves, noviembre 05, 2009

Javascript: Click fuera de un elemento

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 = target.parentNode;
 } while (target)
 // Se ha clicado fuera del elemento, se realiza una acción.
 elemento.style.display = 'none';
}

Visto en Closing a floating div layer Webdeveloper.com.

Etiquetas: ,

enviado por jervert el jueves, noviembre 05, 2009 | 0 comentarios

Javascript: Click outside element

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 element, makes an action.
 element.style.display = 'none';
}

Read at Closing a floating div layer Webdeveloper.com.

Etiquetas: ,

enviado por jervert el jueves, noviembre 05, 2009 | 0 comentarios

martes, octubre 20, 2009

Accesibilidad: Cuidado con los colores en textos e imágenes de fondo

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 un fondo que simula un botón. El fondo del área de contenido es blanco. El fondo del botón es una imagen de color rojo y el texto de dicho botón es blanco.

Así sale con imágenes:

Vista con imágenes

Así sale con las imágenes desactivadas, no se ve el texto de Ver más de los botones rojos:

Vista sin imágenes

Y aquí se ve en Firebug que es texto dentro de un SPAN a su vez dentro de un A (enlace):

Vista de código en Firebug

Habría bastado con darle al SPAN que contiene el texto un fondo de color rojo para que el texto se siguiese viendo aun con las imágenes desactivadas. Y por cierto, esta web ha sido certificada como doble A (AA).

Etiquetas: , ,

enviado por jervert el martes, octubre 20, 2009 | 0 comentarios