JavaScript

Si la contraseña contiene caracteres raros, números y letras, se considerará una contraseña súper segura; pero, si la contraseña es sólo una palabra, conocida y en minúsculas, la contraseña puede ser fácilmente descubierta… Ya existen algunas aplicaciones, como las de correo electrónico (Gmail, Hotmail o Yahoo), que indican a una persona cuando va registrarse, que tan buena contraseña es la que esta escogiendo; y esto, lo realizan utilizando un javascript como el que podemos probar y descargar aquí.

Este script mide que tan segura es una contraseña (vía webappers), alargando una barrita de colores, mientras se la va escribiendo. Así, cuando más larga es la barrita, más seguro será el password… Interesante el script. Pero, otra manera de entender este sistema, es viendo la aplicación de Geek(Wisdom), que incluso añade puntajes a la palabra que vamos escribiendo.

Además, profundizando un poco, un buen tutorial para aprender sobre medidores de contraseñas seguras, es este artículo publicado en codeandcoffee, en donde explican todos los pasitos al detalle, aquí pueden ver el ejemplo del tutorial. Muy bueno.

Lightbox es un conocido script no obstrusivo que permite crear slideshows, galerías de imágenes o simplemente ampliar un thumbnail a su tamaño original, sin necesidad de abrir otra página o un poppup. El script fue tan bien recibido, que se crearon diversos clones del mismo y se pueden observar en muchísimos blogs. Sin embargo, el más reciente, llamado Videobox, nos permite mostrar videos en ese estilo (con toda la página web oscura y el propio video centrado). Los scripts utilizados son 3: mootools 44kb, swfobjects 5kb y videobox 9kb.

Enlace  Videobox (Demos y descarga)
Vía | Digg

Para que matarse retocando las imágenes, añadiéndoles efectos, sombras, bordes, y esquinas redondeadas con el Photoshop, si un fichero javascript y algo de CSS pueden hacer todo el trabajo por nosotros. Corner.js es una pequeña librería javascript sumamente fácil de incorporar a cualquier sitio web.

Para utilizarla hay que seguir los siguientes pasos:

1. Descargar la librería y subirla al servidor
2. Añadir el siguiente código dentro del html de la web:
   <script type="text/javascript" src="corner.js"></script>
3. En las imagines que querramos se muestren con esquinas redondeadas, basta añadirles lo siguiente: class="corner"

Asimismo, hay varios efectos, que pueden combinarse entre si.

Enlace | corner.js
Vía | ajaxian

Por fin, después de largos meses, junto al lanzamiento de la versión 1.5, se ha publicado la documentación oficial de Prototype, la librería JavaScript que más me ha gustado por lo fácil que es crear efectos con ella. Además de la documentación, los desarrolladores de la librería han creado un sección de tutoriales y tips, que nos será muy útil.

Vía | aNieto2k

Se ha lanzado una nueva librería de efectos JavaScript que permite hacer casi lo mismo que Prototype, aunque según he leído, con grandes ventajas. Se trata de Mootools, aún no la he probado pero los comentarios en este primer día de lanzamiento han sido muy buenos.

Por ejemplo, Jonathan Snook ha publicado un mini tutorial para crear un efecto drag and drog (ver ejemplo), con un código muy limpio, lo que muestra la sencillez para utilizar esta librería (vía Anieto2k). Además, es liviana en comparación con Prototype y mucho más liviana si la comparamos con Scrip.tacul.us, pesa 35 kb. apróx. y esto sin comprimir y con extensiones.

Finalmente, el creador de Mootools, creador también de moo.fx, indica que la librería funciona en IE6 y 7, Firefox & amigos, Opera, Safari y Camino, pero algún comentario encontrado por ahí afirma que en IE7 da errores (vía tecnoblog).

Enlace | Mootools

Al parecer se acabaron los scripts php para rotar los anuncios adsense (de diferentes diseños y formatos), pues el blog oficial de Google Adsense ha publicado un tutorial que explica como alternar anuncios adsense en la misma ubicación, facilitando hacer pruebas A/B y escoger la que mejor funcione, la que más réditos dé.

Por ejemplo, se puede colocar dos combinaciones de colores en la misma ubicación de la página y a cada una de ellas asignarle un canal diferente para seguir sus resultados. El código javascript oficial que proporciona el blog para hacer el test A/B con los anuncios adsense es:

<script type=”text/javascript”>
var random_number = Math.random();
if (random_number < .5){
//reemplazar con el código del primer anuncio
} else {
//reemplazar con el código del segundo anuncio
}
</script>
<script type=”text/javascript” src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”></script>

Teniendo que en cuenta que se trata de un código proporcionado por el propio adsense, testear nuestros anuncios es algo que sin duda vale la pena realizar pues tiene su garantía, aunque dos es todavía un número reducido de combinaciones.

Fuente | The ABCs of A/B Testing