JavaScript
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:
- Descargar la librería y subirla al servidor
- Añadir el siguiente código dentro del html de la web:
<script type="text/javascript" src="corner.js"></script> - 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.
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
En la actualidad la mayoría de los mouse cuentan con un scroll, algo muy cómodo para desplazarnos por todo lo largo de la ventana. Pero además, el scroll es una herramienta que cada vez más es utilizada en las aplicaciones web y, por supuesto, Google no la pasó desapercibida. Así por ejemplo, Google Maps utiliza el scroll del mouse para realizar un zoom sobre el lugar elegido.
El código javascript para utilizar el scroll del mouse...
Tanto para quienes estén ingresando al desarrollo Web con Ajax y JavaScript como para quienes ya tienen experiencia, aquí les dejo el enlace a un sitio Web con una gran cantidad de referencias a tutoriales, librerías y aplicaciones Ajax y JavaScript.
Enlace | ajax.solutoire.com
