Tag de artículos: MooTools

Scripts de autocompletado de texto para web

Para facilitar la entrada de texto, los scripts de autocompletado son una gran ayuda. Se suelen utilizar sobre todo a la hora de buscar palabras en un sitio web, se han convertido en uno de los mejores elemento de interacción con el usuario, y últimamente la mayoría de los sitios más famosos como google, youtube o msn ya lo tienen implementado.

La mayoría de los scripts que nos podemos encontrar por internet, están realizados con JavaScript o AJAX, y su implementación en la página no suele resultar muy complicada; por ello, es una opción interesante de incluir para ayudar a nuestros usuarios en sus búsquedas.

Tokenizing Autocomplete Text Entry

token

A fancy Apple.com-style search suggestion

fancyapple

AutoSuggest

auto

Google suggest style filter

googlestyle

Ajax Powered AutoComplete

ajaxpower


Leer más

Calendarios con jQuery

Es habitual en muchos blogs, encontrarnos con calendarios donde se nos muestra información por días; es útil el uso de un calendario para poder acceder a un día en concreto de forma fácil y rápida. Si sumamos a esto la potencia de un framework como jQuery o Mootols, nos podemos encontrar con calendarios con grandes efectos y funcionalidades. A continuación os podéis encontrar con varios ejemplos de calendarios realizados sobre jQuery y sobre Mootols.

Full Calendar | Demo

c1

jCalendar | Demo

c2

jQuery UI Datepicker | Demo

c3
jQuery Week Calendar | Demo

c4

jMonthCalendar | Demo
c5

Date Picker | Demo
c6

Simple jQuery Date Picker | Demo
c7

Event Calendar | Demo
c8

Calendar | Demo
c9

Vista-like Ajax Calendar | Demo

c10

10 Beautiful jQuery and MooTool Calendar Plugins

30 fotogalerías con JavaScript

La calidad de las galerías de fotos realizadas en JavaScript, poco tiene que envidiar a las mejores galerías realizadas por ejemplo con Flash; se ha avanzado mucho en su funcionalidad, y se han mejorado los efectos que incluyen, sobre todo gracias al uso de poderosos frameworks, como son jQuery, Prototype o Mootool. En el enlace siguiente, podéis encontrar una relación de 30 galerías de fotos profesionales, que podéis añadir a vuestros sitios web con suma facilidad.

j02

m05

m06

thumbnail

m08

p05

30 Javascript Image and Photo Galleries

Sinapsis Widget 0.1

Sinapsis Widget es un panel de Widgets para poder mostrar información de forma interactiva brindando rapidez en su uso. Es un sistema parecido al servicio que ofrece igoogle, con widgets que se pueden mover, editar, cambiar de color, cerrar, etc…

Para comenzar a utilizar Sinapsis Widget, hay que primero saber que esta aplicación está desarrollada con Javascript, utilizando el framework mootools 1.2 y también hace uso de PHP para poder almacenar los widgets en la base de datos como también recuperar los mismos.

dashboard-sinapsis-widget-01-300x196

Dashboard AJAX + PHP + MYSQL: Sinapsis Widget 0.1

Mootools

mootools

MooTools es un Framework web orientado a objetos para JavaScript, de código abierto, compacto y modular. El objetivo de MooTools es aportar una manera de desarrollar JavaScript sin importar en qué navegador se ejecute de una manera elegante. MooTools aporta una API documentada más enfocada a la orientación de objetos que la implementación estándar soportada por los navegadores web.

Como otras tantas bibliotecas JavaScript, MooTools aporta al usuario muchas ventajas. Alguna de ellas:

  • Es un Framework modular y extendible, el desarrollador puede elegir (específicamente) que componentes usar y cuales no.
  • MooTools es orientado a objetos y sigue los principios DRY, que hacen de él un Framework rico, potente y eficiente.
  • Componente avanzado de efectos (Effects), con transiciones (Transitions), de función parabólica, optimizadas y utilizadas por multitud de desarrolladores Flash.
  • Framework desarrollado por programadores para programadores.

mootools.net | Tutorial de MooTools | Ejemplos de Mootools

TinyJS: scripts pequeños pero poderosos

TinyJS es un sitio que, según su ‘tagline’ recoge plugins pequeños y específicos que hacen una cosa bien. La máxima es recoger scripts tan pequeños como sea posible y desechar códigos ‘hipertrofiados’. Se incluyen scripts para jQuery, YUI y Moo Tools.

tinyjs