Archive for the ‘JavaScript’ Category

Interesante menu, el cual queda genial en espacios pequeños. Se trata de un menú deslizante construido con jQuery el cual puede utilizarce como un cuadro de información, o una zona de acceso.

Si te interesa te dejo el enlace a la pagina en donde encontraras el codigo (muy sencillo por cierto) ademas de un demo para que veas como queda.

Link: Web Resources Depot | Sliding Top Menu With jQuery

• Menu estilo iPod con jQuery
• Menu tipo acordeon horizontal con JavaScript, sin Frameworks
• jQuery para diseñadores
• jQuery UI v1.5: API Mejorada, con efectos y Temas
• 30 aplicaciones Ajax/JavaScript que deberias conocer

La primera vez que lo vi dije: “no manches eso es Flash” pero despues puse mas atencion y para mi sorpresa me di cuenta que era JAVASCRIPT con CANVAS obviamente. En verdad que me dejo con la boca abierta, viendo “aplicaciones” como estas es cuando me planteo seriamente el papel y el lugar de javascript en la web.

Link: El Holgazan | Curiosa animación interactiva
Link: Bomomo | “Animacion interactiva”

• 5 Consejos para mejorar tu JavaScript
• Historia de Java y JavaScript
• Menu tipo acordeon horizontal con JavaScript, sin Frameworks
• Desarrollo web como dios manda
• 30 aplicaciones Ajax/JavaScript que deberias conocer

Paul Bakaus y el Equipo de jQuery UI ha anunciado la salida de la version 1.5 de jQuery UI.

En palabras del equipo:

Cuando empezamos con el proyecto IU, nos propusimos construir un camino que fuera generico, basico, y que de forma muy sencilla permitiera añadir y ampliar la interacción básica a los elementos DOM. Sin embargo, pronto descubrimos que nuestro enfoque no estaba trabajando para la interfaz de usuario. Usando la “simpleza”, sólo hemos podido crear módulos de interacción simple, pero no logramos ofrecer una interfaz de usuario completa. El segundo problema es que algunos plugins procedían de fuentes externas por lo cual la interfaz de usuario parecia inconexa e incoherente.

Todo esto ocurrió justo después de que lanzamos la version 1.0 e inmediatamente nos dimos cuenta de que había llegado el momento de reconsiderar nuestro camino. Teníamos que encontrar un método que mantubiera la simplicidad de jQuery mientras que nos permite ofrecer una interfaz de usuario completa. Nosotros sabiamos que algo muy fácil de utilizar es muy difícil de desarrollar. La primera tarea era construir una API genérica que permitiera una máxima flexibilidad al tiempo que se mantiene asombrosamente simple. La próxima tarea es mantener esta simplicidad al momento de desarrollar plugins para esta API.

Para los que no tengan idea de que es jQuery UI, digamos que son un conjunto de widgets o pequeñas aplicaciones ya desarrolladas que como piezas de rompecabezas podemos unirlas para crear aplicaciones interactivas, ademas de que permiten ser personalizadas y obviamente estan desarrolladas utilizando JQuery.

Y pasando al temas de los efectos, siguen comentando:

En términos generales, ya tenemos más de 15 efectos listos para ser utilizados en sus proyectos, no sólo los provistos por script.aculo.us (blind,bounce,drop,fold,slide …), sino también efectos nuevos y frescos(transfer, explode. clip, scale) lo que hacen de jQuery UI una gran biblioteca para mejorar de sus aplicaciones!

Como se prometió en una de las últimas entradas del blog, viene con una documentación completa ademas de una página de prueba para que puedas verlos en acción.

El punto interesante es la aplicación que crearon llamada ThemeRoller! (imagen mostrada al inicio de este post) la cual nos permite personalizar los widgets para posterior uso. No esta por demas hecharle un ojo a una de tantas opciones que existen, revisala y cuentanos que te parecio.

A mi muy personal punto de vista siento que esto es cargarle mucho la mano al cliente, esta vien que quieran darle efectos tan “chulos” pero en ocasiones lo unico que hacen es alentar la aplicacion web, logrando con esto que se pierda el verdadero objetivo. Como sea supongo que utilizandolos con “sabiduria” tal vez puedan lucir.

Link: jQuery | jQuery UI v1.5 Released, Focus on Consistent API and Effects
Link: jQuery | ThemeRoller
Link: jQuery | Demo page
Link: Ajaxian | jQuery UI 1.5: Effects, API, and Themes
Link: javaHispano | JQueryUI 1.5: Nueva API, efectos y temas

• jQuery para diseñadores
• Menu deslizante con jQuery
• Menu estilo iPod con jQuery
• Menu tipo acordeon horizontal con JavaScript, sin Frameworks
• 30 aplicaciones Ajax/JavaScript que deberias conocer

jQuery es una de las mejores librerias (framework) para manejar JavaScript y si eres diseñador web permiteme recomendarte un interesante articulo compuesto por una serie de tutoriales que demuestra sus bondades y que te permiten mejorar en gran medida la imagen grafica de tus sitios, desgraciadamente el articulo esta en ingles, pero no es dificil de entender.

Link: Web Designer Wall | jQuery Tutorials for Designers

• Menu deslizante con jQuery
• Menu estilo iPod con jQuery
• jQuery UI v1.5: API Mejorada, con efectos y Temas
• Menu tipo acordeon horizontal con JavaScript, sin Frameworks
• Por que usar SQLite…

Desde hace un rato quede fascinado con el menu tipo acordion horizontal que se encuentra en la pagina de mootools, de hecho estuve a punto de pasarme a MooTools solo por ese acordeon (broma ), varias veces intente duplicarlo usando jQuery, pero la neta me quedaba muy “cucho”. Y gracias a deus, alguien al fin a escuchado mis plegarias.

¿A que me refiero? a este bonito menu que en el blog de Leigeber hicieron el favor de crear, el script pesa aproximadamente 1kb y como menciono en el titulo de este post no necesita ningun framework como jQuery o MooTools o Prototype.

Iba a poner como funciona, pero mejor te dejo el enlace para que visites la pagina del creador, en donde obviamente muestra como implementarlo; realmente es muy sencillo y vale la pena para darle ese toque tan “WEB2.0″ a tu pagina web.

Link: LEIGEBER | Horizontal JavaScript Accordion 1kb
Link: Web Resources Depot | Lightweight JavaScript Accordion Menu (Only 1KB)

• Menu estilo iPod con jQuery
• Menu deslizante con jQuery
• 5 Consejos para mejorar tu JavaScript
• El poder de JavaScript y Canvas
• Historia de Java y JavaScript

Interesante menu al puro estilo iPhone creado con jQuery.

Via Filament Group:

We created an iPod-style drilldown menu to help users traverse hierarchical data quickly and with control. It’s especially helpful when organizing large data structures that don’t translate well into traditional dropdown or fly-out menus.

Traduccion

Hemos creado un menu al estilo iPod para ayudar a los usuarios a recorrer datos ordenados de manera jerárquica con rapidez y control. Es especialmente útil cuando es necesario mostrar de manera organizada una gran cantidad de datos y no se pueden usar los tipicos menus desplegables

Link: WebResourcesDepot | iPod-Like Drilldown Menu With jQuery
Link: Filament Group | jQuery iPod-style Drilldown Menu

• Menu deslizante con jQuery
• Menu tipo acordeon horizontal con JavaScript, sin Frameworks
• jQuery para diseñadores
• jQuery UI v1.5: API Mejorada, con efectos y Temas
• Coordenadas, Grados Sexagesimales y Grados Sexagesimales en notacion decimal