Sintético repaso a las principales librerías JavaScript de código abierto y propósito general, como jQuery, Prototype, Mootools, Dojo o Yahoo UI.
Una buena herramienta para cualquier tipo de presentación divulgativa.
Visto en Ajaxian
Archive for the ‘ajax’ Category
Librerías JavaScript
GwtPHP, un framework para la web 2.0
Como indica la palabra, GwtPHP es una síntesis de GoogleWebToolkit y PHP5, más AJAX: un framework insólito escrito en Java que estará disponible para el público el próximo 8 de noviembre.
Como ejemplo de lo que puede hacerse con él, dale un vistazo a la aplicación Post Affiliate Xpress de gestión comercial, que muestra esta curiosa interfaz, a mediio camino entre Vista y Mac OS X, más algún widget de Google:
Vía Ajaxian
Google Earth en la web
Tres noticias importantes relacionadas con Google:
1. Google alojará en sus servidores las librerías JavaScript jQuery, prototype, script.aculo.us, MooTools y dojo. Gracias a AJAX Libraries API, cualquier desarrollador podrá llamar desde sus aplicaciones web a estas librerías aprovechándose de la rapidez de carga de los servidores de Google y sin tener que preocuparse de su instalación o mantenimiento.
2. Android progresa adecuadamente. La plataforma móvil de Google muestra en este vídeo su madurez:
3. Google lanza un plugin que permite el acceso a su software Google Earth en el navegador, de forma parecida a Google Maps.
Y una pregunta:
¿Por qué el patrón del software libre y los estándares abiertos publica una versión web de uno de sus programas estrella como es Google Earth, que no puede instalarse en Linux? Ni siquiera en Mac…
El vídeo ilustrativo, por tanto, se limita a Windows:
HTML 5 implementará la etiqueta video
El nuevo HTML 5 incorpora nuevas etiquetas (aside, figure, section, time, meter, progress, video, audio, details, datagrid, command entre otras)
A la espera de que se apruebe y publique el definitivo HTML 5 (mayor lentitud, imposible: diez años de embarazo) puedes ver un ejemplo de implementación de la etiqueta video, usando Flash y JavaScript.
El código:
Vía Ajaxian
Cubescape, construcciones virtuales con cubos
Escoge el color del cubo, lo arrastras al espacio de trabajo y así sucesivamente hasta crear cualquier tipo de forma o escenario.
Una especie de legos online, apto para todos los públicos, incluidos los más pequeños, eso sí, que tengan un mínimo de paciencia (La construcción de la derecha, en la captura que ilustra el post, es obra de mi hija de 7 años)
La página de Cubescape incorpora una galería con los modelos que van creando los usuarios, con la particularidad de que al abrir cualquiera de ellos asistimos a la reproducción animada de todo el proceso de construcción
El juego usa la librería jQuery
Efecto de mosaico con Ajax
Mosaic Builder: con la librería javascript BinFileReader se pueden crear efectos de mosaico mediante Ajax:
(Clic para ampliar)
Otro ejemplo de cómo pueden conseguirse brillantes resultados gráficos con unas líneas de código y conocimientos de programación. Nada que ver con los procedimientos intuitivos de programas de edición gráfica. Ajax y Photoshop son dos herramientas que no admiten comparación.
Mosaic Builder es una pieza de software libre, disponible para cualquier desarrollador que quiera integrarla en una web para crear efectos puntuales.
Vía Ajaxian
Libros PDF gratis en español sobre desarrollo web
Ajax (282 págs) de Javier Eguíluz Pérez
JavaScript (180 págs) de Javier Eguíluz Pérez
XHTML (190 págs) de Javier Eguíluz Pérez
Introducción a CSS (220 págs) de Javier Eguíluz Pérez
Symphony (435 págs) de François Zaninotto y Fabien Potencier
Toda la información en Sabueso Web
Lily, extensión de Firefox para crear visualmente pequeños programas
Y sin escribir código, en la línea de otras aplicaciones que facilitan el trabajo del programador o aficionado, gracias a la liberación de distintas APIs y librerías JavaScript (Scriptaculous, JQuery…). Por ejemplo, Lily hace uso de módulos de Amazon, Flickr, Wikipedia, Yahooo o Google Maps entre otros.
Lily se instala como una extensión de Firefox (descarga de un archivo comprimido que contiene la extensión y múltiples ejemplos y demos)
Para usar Lily:
Herramientas -> Lily -> New (o bien Open, si quieres abrir alguno de los muchos ejemplos, todos con la extensión .json)
Se abre una ventana. Doble clic en cualquier sitio de su interior. La tecla Supr abre la lista de módulos disponibles, escoges el que te interese. Enter, ya has creado un componente. Para editar sus parámetros, clic encima del objeto para que se active, y External Object -> Get info…
El principal interés de esta aplicación consiste en la posibilidad de conectar distintos módulos, de entre los 180 disponibles.
El resultado, una vez salvado, puede ser compartido con otros usuarios de Firefox que tengan instalada la extensión, o ser ejecutado como programa independiente mediante XULrunner. Un ejemplo de una animación musical hecha con Lily:
SVG Midi Sequencer from Bill Orcutt on Vimeo.
Este es un vídeo de cómo funciona una especie de secuenciador MIDI interactivo. Otras demos
Alenty, estadísticas segmentadas y sociales en tiempo real
Análisis exhaustivo de todas las visitas gracias a la tecnología AJAX, que van más allá del número de páginas o visitantes. Llegan las estadísticas por áreas, mediante un contador que no se deja engañar.
Visibilidad general (sí | no), tiempo y proporción de espacio total de cada una de las secciones de una página (por ejemplo: post, comentario 1, comentario2, banner…) Todo, en tiempo real, como muestra la demo
Además, un widget llamado Who’s hot muestra la “temperatura” del blog o sitio. El “termómetro” indica las lecturas y comentarios que atrae o genera. Esta es la parte social del invento, aunque menos interesante. Parece más un tributo a la moda.
El script se instala en forma de plugin, que puedes descargar una vez registrado.
CMS soportados: WordPress, TypePad y Blogger. Requisitos en WordPress: versión superior a la 2.2 y theme compatible con widgets. Si tu tema no lo es, Automattic te explica cómo hacerlo.
Visto en Ajaxian
Shadowbox, un visor multimedia dentro del navegador
Conocíamos estos visores no intrusivos creados con tecnología AJAX, que se abren dentro del navegador para ampliar una imagen. Ahora Michael J. I. Jackson ha extendido esta funcionalidad con la creación de la librería Shadowbox.js, que permite visualizar todo tipo de archivos (imágenes, animaciones SWF, vídeos en YouTube o Google Video, vídeos en formato mov, avi, mpeg-4o wmv, galerías de imágenes o vídeos, páginas externas…): un LightBox todoterreno.
Todavía en beta, Shadowbox es una excelente aportación al siempre difuso mundo de la capacidad multimedia de los navegadores. Funciona en todos ellos y por supuesto en todas las plataformas (aunque yo he tenido problemas para hacerlo funcionar en Linux, no así en Win)
El propio sitio incorpora demos de cada una de las funcionalidades. Vale la pena probarlas: la compatibilidad al alcance de un clic.
Instrucciones de instalación y manejo, en la misma página.