Contenido

Utilidades MooTools

11 nov

+ 18

He estado jugando poco con mootools y realmente es buenísima, la gente se ha dado cuenta de ello y no paran de salir utilidades creadas con ella.

  • moo.PlayGround, un sistema de navegación muy original. [Ver]
  • Reflection, versión para MooTools con la cual podrás conseguir ese efecto reflejo. [Ver][Descargar]
  • SlimBox, una versión de solo 7kb del famoso Lightbox.[Ver][Descargar]
  • Window.Growl, una interesante librería de Daniel (IceBeat) que hará desaparecer los alert();[Ver]
  • MooTools Draggable Window, ejemplo de como montar un sistema de ventanas que podamos mover por la pantalla [Ver]
  • MooTools table row & column highlighting, localiza claramente cualquier dato dentro de una taba sea lo grande que sea. [Ver]
  • Moo.Slider, genera sliders simples pero funcionales.[Ver]
  • Accordion, el famoso acordeon de Moo.fx, ahora adaptado a mootools.[Ver]
  • ShowCase, curiosa galería (aunque le veo más utilidades que mostrar imagenes).[Ver]
  • PopMenu, un menú con un efecto bastante divertido.[Ver]
  • MooTools Drop Menu, menús desplegable con muchos efectos.[Ver]

La madre de las expresiones regulares

11 nov

+ 0

La potencia de las expresiones regulares es algo casi indiscutible, pero a veces para beneficiarnos de esa potencia hemos de sacrificar nuestras neuronas. Esta es según Digg la expresión regular más larga del mundo… y únicamente se encarga de validar un correo en Perl.

Frase #42

11 nov

+ 0

No tenemos vida, sino “estilo de vida”- una abstracción de la vida, basada en el sagrado simbolismo de la Comodidad.

Hakim Bey

Recopilacion de Autocomplete y Suggest

11 nov

+ 14

El suggest, a mi entender es una de las utilidades web que más iremos viendo implementada en muchos sitios web, principalmente debido a que es realmete útil y lo ha demostrado en la herramientas de escritorio.

suggest_search.png

El suggest como su nombre indica es sugiere palabras que aún no has pedido, gracias a las primeras letras de la palabra el script realiza una llamada en Ajax al servidor que se encarga de realizar otra llamada a la base de datos (o fichero de datos)  solicitando las palabras que comienzen, contengan o finalicen con esas letras, mostrandolas en un desplegable o cambiando el texto del input desde donde escribes. De esta forma las búsquedas son mucho más certeras y cómodas para el usuario.

Por ese motivo no paran de salir versiones sobre esta utilidad, versiones en javascript que utilizan librerías más o menos pesadas, más o menos estilos, pero sin duda igual de prácticos.

Continua —>

Generador de divs que colapsan

11 nov

+ 0

Para esos días que estás vago, pero vago de narices, y no quieres escribir 10 líneas de código, aqui tienes un generador de div’s que colapsan, al estílo Acordeon de Moo.fx.

Gestión de partículas mediante Javascript

11 nov

+ 1

El título aunque me ha quedado como una versión 2.0 de física, se acerca bastante a lo que hace este script. Es una librería que te permite crear efectos visuales basados en partículas, usando la mezcla prototype + script.aculo.us consigue que las partículas que formen nuestros efectos se muevan de una forma casi natural.

Las principales características de esta versión son:

  • Crear multiples emisores de partículas por página.
  • Permite una gran configuración individual de cada uno de los emisores (Velocidad, Vida de la partícula, Número de partículas, tipo de evento que activa el emisot y alguna opción más.

Instalación

La instalación es muy simple, únicamente hemos de importar los fichero necesarios de prototype y script.aculo.us más el fichero particle.js.


<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js"></script>
<script type="text/javascript" src="particle.js"></script>

<input type="button" value="Click Me"
   class="emitter"
   options="y_force:-.28, max_particles: 10, respawn: 20,
            event_type: 'click', vel:[-2, 2], life:[.03,.07]" /> 

La instalación requiere un código nada estandar, lo cual hará que nuestro código no valide por la W3C. Ha sido probado en Firefox y Safari, siendo un poco lento dependiendo del equipo que lo ejecuta, así que más que una utilidad es una idea de lo que puede llegar a ser el uso de partículas mediante javascript, ¿películas?¿juegos 3D?… solo el tiempo lo dirá. 

Descargar 

Emisor de partículas.