• script.aculo.us guía rápida - Parte 3

    Drag Drop con script.aculo.us Bien ahora veremos la forma de mover elementos de un lugar a otro con script.aculo.us. Esto será una explicación rápida y al grano. Mas adelante veremos como combinar esta característica con PHP y MySQL. Primero descargamos el paquete de script.aculo.us y luego incluimos los archivos necesarios para este proceso. Dentro de las etiquetas <head></head> escribimos: <script src="prototype.js"...

  • Entornos 3D sobre HTML con Javascript y canvas

    Días atrás mencionamos algo breve sobre el elemento HTML canvas y su propiedad de crear elementos gráficos dentro de él con ayuda de JavaScript (aunque no es un elemento estándar). Y ahora me entero que Hans Schmucker ha desarrollado una animación 3D sobre este elemento. Se puede ver un ejemplo de ello en su blog. El autor...

  • Menu contextual con Javascript

    No hay duda que con esto de las aplicaciones web todo desarrollador o webmaster quiere implementarlas parecidas, en funcionalidad, a las aplicaciones de escritorio. Y esto es posible gracias a la cantidad de librerías ó códigos libres que existen en toda la web. Por ejemplo Harel Malka (vía Ajaxian) veía la necesidad de una menu contextual (esos que aparecen cuando...

  • Utilidades online para tu código Javascript

    Con el interés con que cuenta ahora en lenguaje Javascript para la creación de aplicaciones web (sobre todo Ajax), todo desarrollador termina escribiendo código en este lenguaje el cual puede extenderse demasiado, y por lo tanto eso implica que nuestra página pesa un poquito más. Felizmente aquí hay algunas utilidades, que me parecen interesante al momento de trabajar con Javascript,...

Efecto 'reflejo vertical' en imagenes con Javascript

21-02-2007 JavaScript, Utilidades 6815 hits (59.59 %) 1 comentarios

Ara Pehlivanian ha creado una script que permite agregar un efecto de reflejo o espejo a nuestras imágenes. Simplemente basta indicar el atributo id de una etiqueta img. Esta disponible bajo licencia Creative Commons. Forma de Implementarlo: <html> <head> <title>Efecto espejo</title> <script type="text/javascript" src="reflect.js"></script> <script type="text/javascript"> window.onload = function(){ var reflections = new ARA.effects.Reflection(); reflections.addImage("miImagenID"); reflections.reflect(); ...

Comet ó Ajax

11-02-2007 AJAX, JavaScript, Programación 7047 hits (61.62 %) 7 comentarios

Hace casi un año (aproximadamente) se hablaba de una nueva técnica de programción Web que utiliza el objeto XMLHttpRequest, muy similar a Ajax, llamada Comet. Está técnica también es conocida como Server Push o HTTP Push. ¿En que consiste? Con Comet podemos mantener una conexión abierta entre el cliente y el servidor web. Para que esto se produzca...

Plotr: Librería para gráficos con Prototype

05-02-2007 AJAX, JavaScript 4827 hits (42.21 %) 0 comentarios

Bas Wenneker ha desarrollado una librería llamada Plotr gracías a Prototype y al elemento canvas, este es un elemento que pese a no ser un estándar nos permite dibujar gráficos sobre HTML (basicamente Canvas consiste en una serie de regiones definidas en HTML con atributos y a las que el código Javascript puede acceder a traves de unas funciones similares...

script.aculo.us guía rápida - Parte 2

01-02-2007 Tutoriales, AJAX, JavaScript, Programación 6831 hits (59.73 %) 11 comentarios

En un artículo anterior comentamos el uso de script.aculo.us para efectos. Esta vez abordaremos el uso de los controles. Especificamente el In Place Editor Control, un control que permite la edición de su contenido y guardarse instantáneamente si lo deseamos. Para tener una idea de esto, seguramente tenemos cuenta en flickr y quizás nos hayamos dado cuenta de que...

Image Thumbnail Viewer: Mostrando nuestras imágenes

28-01-2007 Webmaster, JavaScript, Programación 7691 hits (67.25 %) 5 comentarios

Dynamic Drive es una web que permite de manera gratuita obtener scripts en JavaScript o DHTML para nuestros proyectos webs. Y en esta oportunidad hablaremos de su nuevo Image Thumbnail Viewer, que es una utilidad que nos permite tener una vista general de alguna muestra de imagen sin necesidad de abrirla en una nueva ventana del navegador. [Ver Nuestro Ejemplo] La manera...

Crea un galería de tus imágenes favoritas con Smooth Gallery

28-12-2006 Webmaster, JavaScript 27001 hits (100 %) 11 comentarios

Smooth Gallery 1.0 es un sistema de galería de imágenes desarrollado con mootools v1.0 la cual nos permite navegar por las imágenes de la galería, ver una muestra pequeña de la imagen que deseamos ver completa, muestra una pequeña descripción de la imagen actual, determinar el tiempo que se mostrará una imagen, y entre otras opciones que podemos configurar....