JavaScript

Meteora es una nueva librería de Widgets Javascript que nos permite añadir y crear aplicaciones webs ricas sin invertir nuestro tiempo en leer vasta documentación JavaScript.

Librería de Widgets Javascript Meteora  

Meteora es un proyecto Open Source de Astrata, basado en el framework Mootools (version 1.11), por lo que aplicaciones basadas en Mootools trabajarán bien con Meteora.

Entre las cosas que Meteora puede hacer por nosotros se encuentran calendarios, autocomplete, navegadores de archivos, datagrid, etc. y podemos verlas en esta página de ejemplos.

Enlace | Meteora
VĂ­a | webappers

Medidor de contraseñas con 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.

Videobox, para mostrar videos estilo Lightbox

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.

Esquinas redondeadas con CSS y JavaScript

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

DocumentaciĂłn oficial de Prototype

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

SuscrĂ­bete

  • Suscribete a nuestro feed
  • Add to Google Reader or Homepage
  • Subscribe in NewsGator Online
  • Add to My AOL
  • Subscribe in Bloglines
  • Add to netvibes