jueves, 26 de marzo de 2009

JQuery + Google Maps API

0 comentarios
Vía anieto2k, que ha listado ocho plugins de JQuery para explotar las API de Google, he descubierto un interesante plugin de JQuery para trabajar sobre la API de Google Maps, con el que para crear el mapa no tenemos más que llamar a un sencillo método al que pasaremos las dirección postal donde centraremos el mapa:
var mymap = $(".map").googlemap({addresses:["1 ABC ST, NSW 2193 Sydney, Australia"]});
La sintaxis, además, nos permite mediante los selectores de JQuery, encadenar llamadas a métodos. De nuevo JQuery nos facilita el trabajo con una herramienta potente a la par que sencilla.

jueves, 19 de marzo de 2009

Inteligencia artificial en Linux

0 comentarios
De los creadores de "Cómo murió Marti McFly" y "Cómo murió Michael Knight", Imageeknation, uno de mis blogs favoritos pese a haberlo descubierto hace poco, nos llega este excelente tutorial sobre cómo crear inteligencia artificial abriendo una consola de Linux. Fijaos que es un chiste recíproco con todas las de la ley.

jueves, 12 de marzo de 2009

Un truco para Ubuntu: hacer que Nautilus sea más rápido

0 comentarios
Leo en WikiLearning una sencilla forma de configurar Nautilus para que sea sensiblemente más rápido. Se trata de configurar las previsualizaciones que Nautilus va a realizar al navegar por nuestras carpetas, de forma que la carga de cada carpeta sea mucho más rápida -y tal y como yo lo he probado, se nota mucho la diferencia-. Para hacerlo, vamos a seguir unos pasos muy sencillos:

1. Abrir una ventana de Nautilus (nuestra carpeta personal, por ejemplo).
2. Vamos a Editar -> Preferencias.
3. En la pestaña Vista previa podemos desactivar todas las previsualizaciones de todos los ficheros, lo que hará que Nautilus sea mucho más rápido. Yo, concretamente he hecho lo siguiente:

Archivos de texto.
-Mostrar texto en los iconos: Nunca. De poco me sirve la previsualización de un fichero de texto, más aún si esta se muestra en un tamaño diminuto.
Otros archivos previsualizables.
-Mostrar miniaturas: sólo en archivos locales.
-Sólo para archivos menores de: 3Mb. Así me aseguro de que las fotos que hago con mi cámara compacta tenga previsualización y que no la tengan los archivos demasiado grandes.
Archivos de sonido.
-Escucha previa de sonidos de audio: Nunca. La escucha previa me molesta bastante, personalmente.
Carpetas.
-Contar el número de elementos: Nunca. La mayoría de las veces no quiero saber el número de elementos que tiene una carpeta cuando estoy navegando, y si quiero hacerlo, hago click derecho -> propiedades.

martes, 10 de marzo de 2009

JQuery UI Tabs con botones Next y Previous

0 comentarios
JQuery UI Tabs es un widget de JQuery UI que nos permite organizar el contenido de una página en pestañas, ya sea como meros conmutadores para mostrar el contenido o como enlaces para cargar dicho contenido on AJAX. Además, podemos hacer que los enlaces se carguen con AJAX dentro de nuestros tabs. Una herramienta muy potente, en definitiva.
Hoy nos enseñan en CSS Tricks a añadir unos botones "Next" y "Previous" para movernos por los tabs de JQuery UI Tabs.

sábado, 7 de marzo de 2009

Jeff Dunham. Achmed, el terrorista muerto

0 comentarios
Ayer descubrí esta actuación de Jeff Dunham con Achmed, el terrorista muerto (cAhmed, dead terrorist), un muñeco que sólo con mover las cejas es de lo más expresivo. Al grito de "Silence! I'll kill you" (¡silencio! ¡a que te mato!), Achmed cuenta algunas vivencias de lo más divertido. Os dejo además un par de videos más.

Achmed. El terrorista muerto.


Melvin. El superhérore


Walter 1/2


Walter 2/2


Peanut 1/2


Peanut 2/2


Sweet Daddy

miércoles, 4 de marzo de 2009

Esquinas redondeadas con CSS3

0 comentarios
El borrador de CSS 3 especifica un atributo border-radius que más de uno habrá soñado alguna vez. Tener una capa o una tabla con esquinas redondeadas, que hasta ahora requería dibujar y recortar imagenes (o una hoja de estilo rebuscada y compleja) se resume ahora en una sola línea:
border-radius: 5px;
Pero el borrador de este nuevo estándar ya es implementado por cada buscador a su manera, como bien nos explican en el artículo sobre CSS 3 y border radius en xposible.

Esencialmente, para Mozilla tendremos que especificar:
-moz-border-radius: 5px;
Una diferencia en la implementación bastante incómoda.

Algunas notas sobre border-radius:
  • No conozco dos familias de navegadores que implementen este atributo de igual forma.
  • Internet Explorer y Opera no lo implementan.
  • En Mozilla -al menos- también se puede establecer mediante un porcentaje:
    -moz-border-radius-bottomleft: 100%;

    0% es una esquina sin redondear y 100% una esquina redondeada con radio la mitad del lado del objeto. El valor 200% se quedará en 100%. Por tanto un objeto de igual width y height y con el border-radius al 100%, es un círculo perfecto:
    -moz-border-radius: 100%;
    width: 300px;
    height: 300px;

    Supongo que es una forma de asegurarse que los bordes coincidan siempre, aunque la especificacón de CSS3 sobre border-radius establece un comportamiento mucho más interesante.
  • Para no complicarse la vida con CSS, uno puede complicársela y utilizar el redondeador de esquinas para JQuery.
Si te apetece jugar con otras propiedades aún no implementadas quizás quieras leer este artículo de Markus Stange (en inglés) que nos enseña a conseguir efectos muy interesantes con la propiedad box-shadow, -moz-box-shadow para Mozilla.

martes, 3 de marzo de 2009

Configuración y localización de JQuery UI Datepicker

1 comentarios
JQuery User Interface es una biblioteca que nos permitirá mejorar sustancialmente la experiencia del usuario de nuestra aplicación web -a cambio, claro está, de una pequeña ralentización de la carga de la página-. Trabaja sobre JQuery ofreciendo con una codificación sencillísima una serie de efectos visuales y de widgets totalmente personalizable -la biblioteca se descarga sólo con las funcionalidades que se vayan a utilizar-.

Datepicker es uno de las más potentes. Consiste en un calendario que se despliega junto a un input para que el usuario seleccione la fecha en lugar de teclearla. Vamos a ver cómo instalarlo y, sobre todo, cómo localizarlo para que las fechas se muestren en el formato e idioma españoles.

Lo primero es tener un campo input en el que recogeremos la fecha, en el que no necesitamos añadir más que el código HTML:

<input name="fecha" type="text">


En el head del documento HTML necesitamos llamar a las siguientes bibliotecas:

<script type="text/javascript" src="jquery-1.2.6.js"></script>

<script type="text/javascript" src="jquery-ui-personalized-1.6rc6.js"></script>

<script type="text/javascript" src="i18n/ui.datepicker-es.js"></script>

<script language="javascript" src="ready.js"></script>



Donde:
jquery-1.2.6.js - Es el núcleo de JQuery.
jquery-ui-personalized-1.6rc6.js - Es núcleo de JQuery User Interface.
i18n/ui.datepicker-es.js - Es el pack de localización a español de Datepicker
ready.js - Es la biblioteca donde tenemos la función $(document).ready()

Lanzar datepicker desde $(document).ready
$(document).ready(function(){
$('#fecha).datepicker({
changeMonth: true,
changeYear: true,

showOn: 'button',
buttonImage: '/img.png',
buttonImageOnly: true,

dateformat: 'dd-mm-yy',
firstDay: 1
});

$('#fecha').datepicker($.datepicker.regional['es']);

});
Las opciones que hemos escogido son las siguientes:
changeMonth: true - Permite al usuario cambiar el mes desde un select.
changeYear: true - Permite al usuario cambiar el año desde un select.
showOn: 'button' - El calendario se desplegará desde un botón que aprecerá junto al input de la fecha.
buttonImage: 'img.png' - La ruta a la imagen del botón.
buttonImageOnly: true - Con esta línea hacemos que Datepicker sólo aparezca al hacer click en el botón -no en el input-.
dateformat: 'dd-mm-yy' - Cambiamos el formato de fecha a día-mes-año en lugar del formato por defecto, que es mes-año-día.
firstDay: 1 - hacemos que el primer día de la semana sea el Lunes (por defecto el valor es 0, domingo).

Por último, la línea $('#fecha').datepicker($.datepicker.regional['es']); carga el pack de idioma español de datepicker.