Entradas etiquetadas como ‘Usabilidad’

Escrito por Iván Alonso el Sábado 24 de Enero de 2009

Por ejemplo, en el caso de que tengas un formulario de búsqueda en tu página web, si quieres que el texto se seleccione (que es algo muy útil si tienes un texto predefinido, ya que así facilitas el borrado), añade al evento onClick del formulario el siguiente código:

<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
    <div><input type="text" name="s" id="search" value="No busques porno"
         onClick="javascript:this.form.s.focus();this.form.s.select();" />
    <span>Pulsa enter sin miedo</span></div>
</form>

this.form.x, donde x debe ser el ‘name’ del elemento a seleccionar.

Y además también será útil para múltiples búsquedas, ya que al volver a hacer click nuevamente se seleccionará la última búsqueda, por lo que será más fácil escribir la siguiente.

Escrito por Iván Alonso el Miércoles 25 de Junio de 2008

He perdido un rato rehaciendo ligeramente el código php que genera la página principal (el index.php en los temas de Wordpress) para hacer el código de salida más human-readable. Antes generaba el html de los posts de forma lineal, con todas las etiquetas una detrás de otra, haciendo difícil para alguien que leyera el código html de la página el sacar conclusiones acerca de nada.

Ahora los ‘echo‘ que estaba utilizando maquetan las lineas con retornos de carro y espacios en blanco al comienzo de las líneas, para simular un ‘indent‘ que es mucho más amable de cara al lector humano. Unos pocos bytes más de ancho de banda que quizá puedan ayudar a alguien.

Lo cierto es que a mí me molesta bastante abrir el código de una web y ver que no se han tomado la molestia de hacerlo “amigable” o user-friendly.