WebAdictos - Una dosis diaria de web » ajax

SexyLightbox un lightbox muy sexy

dmedina — Thu, 28 May 2009 06:28:41 +0000

Si quieres aplicar el efecto LightBox en tu sitio web pero no has encontrado alguna libreria que te convenza te recomiendo probar SexyLightbox un clon de la famosa libreria Lightbox pero con muchisimas mas funcionalidades.

Con SexyLightbox conseguiras un bonito efecto de ventana flotante el cual podrás aplicarlo para cargar imagenes, galerias de imagenes, gif animados, contenido html, videos, contenidos por iframe e incluso contenidos por AJAX de una manera por demas sencilla.

SexyLightbox está creada por coders.me y puedes descargarla de manera gratuita. Para ver mas documentación y ejemplos entra a la página de SexyLightbox

Enlace: SexyLightbox

Relacionados:

Enlace Original: SexyLightbox un lightbox muy sexy

Herramientas para desarrollar en Javascript/Ajax más rápido

dmedina — Thu, 26 Jun 2008 17:01:30 +0000

Si programas en Javascript/Ajax te recomiendo esta lista que ha hecho noupe ya que contiene mas de 23 herramientas para desarrollar en javascript y Ajax que te pueden ayudar a optimizar tiempos.

Enlace: 23+ Impressive Tools for Faster Javascript/Ajax Development

Más de Ajax:

Vía: Dzone

Enlace Original: Herramientas para desarrollar en Javascript/Ajax más rápido

Plugins de Mootools

dmedina — Fri, 11 Apr 2008 06:11:54 +0000

Ya vimos plugins para jQuery y ahora toca el turno de MooTools, leyendo aNieto2k me encuentro con una interesante lista de los mejores plugins para mootools realizada por speckyboy. Enlace: 41 of the Best MooTools Ajax Example Downloads

Enlace Original: Plugins de Mootools

Posicionar páginas hechas con Flash

dmedina — Thu, 13 Mar 2008 17:56:18 +0000

Sabemos que una de los principales inconvenientes de diseñar y desarrollar páginas hechas con flash es que los buscadores no pueden indexar tus contenidos, sin embargo Frogx3 nos comparte una excelente herramienta que permite hacer SEO para páginas hechas con flash y ajax. Muy buena herramienta sobre todo cuando no hay de otra que desarrollar en flash. Enlace: SEO de paginas en Flash y Ajax

Enlace Original: Posicionar páginas hechas con Flash

ShadowBox, Visor multimedia estilo lightbox

dmedina — Fri, 07 Mar 2008 18:07:27 +0000

Ya hemos visto varias alternativas a lightbox muy buenas para mostrar imagenes o contenido multimedia en nuestra página. Hoy toca el turno de ShadowBox un script en javascript que nos permite mostrar contenido multimedia en nuestra página web con un estilo “lightbox”.

Con ShadowBox podemos mostrar imagenes, archivos swf, videos, incluso páginas web dentro de nuestro sitio. Tambien permite crear galerías de todos esos tipos de contenidos multimedia.

Segun el siio de ShadowBox estan son características que lo hacen diferente de los demas scripts:

Standards ya que Shadowbox utiliza HTML válido para presentar el contenido.
Adaptable: facilmente poemos adaptarlo a cualquier plataforma.
Skins: Podemos personalizar la apariencia de shadowbox mediante skins construidos en base a CSS
Formatos: Shadowbox soporta los formatos mas populares de multimedia.
Manejo de errores
Opciones de configuración

Sin duda una buena alternativa para mostrar contenidos multimedia en nuestros sitios.

Enlace: ShadowBox

Otros scripts estilo lightbox:

Enlace Original: ShadowBox, Visor multimedia estilo lightbox

Crear Aplicaciones Web de manera visual con WaveMaker Visual Ajax Studio

dmedina — Tue, 04 Mar 2008 16:10:08 +0000

WaveMaker Visual Ajax Studio es un programa que permite crear aplicaciones web de manera rápida utilizando para esto una interfaz drag & drop. Permite crear aplicaciones web utilizando Widgets en Ajax, webservices y bases de datos.

El programa es facil de utilizar sobre todo si has trabajado con otras herramientas visuales de este estilo. WaveMaker Studio reduce el tiempo y costo de desarrollo de nuevas aplicaciones.

Lo mejor de todo es que podemos descargarlo de manera gratuita. Pueden ver el Screen Cast para mas detalles sobre su funcionamiento.

Mas información: WaveMaker Visual Ajax Studio | Descargar

Relacionados:

Vía: WebAppers

Enlace Original: Crear Aplicaciones Web de manera visual con WaveMaker Visual Ajax Studio

Tutorial Básico de AJAX

dmedina — Wed, 27 Feb 2008 16:52:54 +0000

Si aun no has empezado a utilizar AJAX en tus aplicaciones web en tutorials point nos presentan un muy buen tutorial de ajax que nos guia paso a paso para aprender a utilizar AJAX.

El contenido del tutorial es el siguiente:

Enlace: AJAX Tutorial

Otros tutoriales relacionados:

Enlace Original: Tutorial Básico de AJAX

Manuales de Referencia de Ajax y Javascript

dmedina — Tue, 05 Feb 2008 00:09:47 +0000

Via Dzone me encuentro con este sitio que recopila mas de 20 manuales de referencia sobre Javascript y Ajax incluyendo referencias de Prototype, Scriptaculous, y JQuery. Enlace: Javascript/Ajax cheat sheets

Enlace Original: Manuales de Referencia de Ajax y Javascript

Crea Tu Messenger en Linea con Ajax IM

dmedina — Sun, 30 Dec 2007 21:17:28 +0000

Ajax IM es un sistema de mensajeria instantanea en web basado en Ajax, la interfaz es muy similar a la utilizada por Meebo. El sistema es ideal para implementar Chats en una intranet, en una red social, o para cualquier comunidad.

El sistema podemos descargarlo de manera gratuita para implementar en nuestras aplicaciones con la restricción de mantener el copyright de la licencia.

Entre las características del sistema esta la posibilidad de mantener una lista de contactos, bloquear y desbloquear contactos, crear salas de chat, cambiar el estado, entre otros. Ademas podemos descargar en pack del lenguaje en español.

[Descargar Ajax IM]

Ver Demo, User: test pass: test

Enlace: Ajax IM

Visto en: Carlos Leopoldo

Enlace Original: Crea Tu Messenger en Linea con Ajax IM

Formas de Darle Estilo a tus Formularios con Ajax y CSS

dmedina — Wed, 19 Dec 2007 18:43:36 +0000

Si ya te aburriste del estilo de tus formularios en este sitio nos muestran mas de 47 maneras para implementar nuestros formularios con CSS y AJAX.

Enlace: 47+ Excellent Ajax CSS Forms

Vía: Recursos de Diseño

Enlace Original: Formas de Darle Estilo a tus Formularios con Ajax y CSS

MOOdalBox – Ventanas Modales Con Javascript Estilo LightBox

dmedina — Wed, 05 Dec 2007 13:35:25 +0000

MoodalBox es una librería creada para el framework Javascript MooTools que permite desplegar contenido cargado remotamente en una ventana modal con un estilo similar a la famosa librería LightBox. Esta basado en SlimBox y su peso es apenas de 4.2KB (comprimido).

Requerimientos

MOOdalBox requiere mootools 1.0 o superior y utiliza los siguientes módulos de MooTools:

Core: Moo, Utility
Native: Array, String, Function, Element, Event
Addons: Common, Dom
Window: Window.Base, Window.Size
Effects: Fx.Base, Fx.CSS, Fx.Style, Fx.Styles
Remote: XHR, Ajax

[Ver Demo] [Descargar MoodalBox (comprimido)] [Descargar MoodalBox (Completo)]

Enlace: MOOdalBox

Enlace Original: MOOdalBox - Ventanas Modales Con Javascript Estilo LightBox

Scripteka – Directorio de Scripts Para Prototype JS

dmedina — Thu, 08 Nov 2007 18:01:58 +0000

Si utilizas prototype este sitio te va a encantar, se trata de Scripteka un directorio de librerías exclusivamente desarrolladas utilizando prototype. Sin duda un buen sitio de referencia ya que te evitaras el tener que andar buscando en google. Adicionalmente el sitio permite que califiquemos cada extensión, así como enviar las nuestras.

El sitio cuenta con 60 scripts pero ese número sin duda crecerá.

Enlace: Scripteka

Vía: aNieto2k

Enlace Original: Scripteka - Directorio de Scripts Para Prototype JS

Tip Para Solucionar Problema con Acentos al Utilizar AJAX

dmedina — Wed, 07 Nov 2007 17:23:12 +0000

Si utilizas AJAX en tu sitio y el charset que utilizas es ISO-8859-1 habras notado que cuando recibes un responseText con acentos o ñ te muestra simbolos raros, esto es debido a que los request de AJAX utilizan la codificación UTF-8. Para solucionar esto debemos indicarle a la respuesta en AJAX que utilice el charset es ISO-8859-1 para esto en PHP utilizamos la función header();

Ejemplos:

Para devolver HTML

header("Content-Type: text/html; charset=iso-8859-1");

Para devolver Javascript

header("Content-type: text/javascript; charset=iso-8859-1");

Para devolver XML

header(‘Content-type: text/xml;  charset=iso-8859-1′);
echo "xml version="1.0" encoding="ISO-8859-1"?>\n";

Con eso solucionamos el problema de los acentos en la respuesta de AJAX.Ahora también existe el problema al momento de enviar los datos de un formulario mediante AJAX ya que también se envían codificados en UTF-8 por lo que al guardarlo en la base de datos observaremos que se guardan símbolos raros. Para solucionar esto utilizamos la función utf8_decode de php.

Por ejemplo:

$variable = utf8_decode($_POST[‘variable’]); //Y asi para todas las variables que podrían contener acentos o ñ

Para ahorrarnos el trabajo de hacerlo variable por variable pueden implementar la siguiente función:

function decodeUTF8($array) {
 
        foreach ($array as $k => $postTmp) {
                if (is_array($postTmp)) {
                        $array[$k]= decodeUTF8($postTmp);
                }else{
                        $array[$k] = utf8_decode($postTmp);
                }
        }
 
        return $array;
}
//Su uso:
 
$_POST = decodeUTF8($_POST);

Los ejemplos son en PHP pero deben tener sus similares en otros lenguajes de servidor como ASP, JSP, etc…

Enlace Original: Tip Para Solucionar Problema con Acentos al Utilizar AJAX

Comparativa Entre JQuery y Prototype

dmedina — Mon, 29 Oct 2007 15:12:43 +0000

Remy Sharp ha hecho una comparación de código entre estos 2 excelentes frameworks Javascript los cuales en ciertos aspectos son similares. La presentación se enfoca en los selectores, manipulación del DOM, Ajax, Eventos y la detección del navegador.

Vía: Ajaxian

Enlace Original: Comparativa Entre JQuery y Prototype

Errores Comunes al desarrollar con Ajax

dmedina — Sat, 20 Oct 2007 17:17:02 +0000

En sentido web nos comparten una serie de consejos para que evitemos errores al desarrollar en ajax. Si estas desarrollando con Ajax te los recomiendo nunca estan de mas unos consejos.

Enlace Original: Errores Comunes al desarrollar con Ajax

10 Librerias Para Crear Acordeones en Javascript

dmedina — Tue, 16 Oct 2007 06:20:47 +0000

Si andas en busca de una libreria que haga el efecto acordeon en javascript, en esta web nos presentan 10 diferentes librerias para crear acordeones en Javascript. Vía

Enlace Original: 10 Librerias Para Crear Acordeones en Javascript

Recursos y Herramientas Para Programar en Web

dmedina — Sun, 14 Oct 2007 22:13:58 +0000

Estos de mashable si que tienen tiempo, esta ves han recopilado mas de 250 herramientas y recursos para desarrollar en web. Nunca esta de mas tener recursos a la mano

Enlace: 250+ Tools and Resources For Coding the Web

Enlace Original: Recursos y Herramientas Para Programar en Web

Tutoriales de AJAX

dmedina — Mon, 24 Sep 2007 13:30:20 +0000

Ajax Tutorials es como su nombre lo dice un sitio que recopila gran cantidad de tutoriales y recursos gratuitos para aprender AJAX. Los tutoriales estan en ingles pero a la hora de aprender el idioma es lo de menos (o no?).

Entre los 10 tutoriales mas populares se encuentran:

Vía: Mini Tutoriales

Enlace Original: Tutoriales de AJAX

Sprinkle – Incluir Texto de Archivos Externos en Tu Sitio Con Javascript

dmedina — Mon, 24 Sep 2007 05:12:44 +0000

Tal ves con el titulo no quede muy claro lo que hace esta libreria pero aqui va una explicación mas detallada. Sprinkle es una libreria en javascript que emula el comportamiento de SSI (Server-Side Includes) el creador le dice CSI (Client-Side Includes) y basicamente lo que hace es incluir en un contenedor (div, input) el contenido de un archivo externo.

Su uso es bastante simple solo incluimos la libreria sprinkle en nuestra página y al div contenedor le agregamos un atributo src con la ruta del archivo a incluir.

Tambien tiene otros atributos que nos pueden ser de utilidad. Para mas información pueden entrar a la web de Sprinkle

[Descargar Sprinkle]

Enlace Original: Sprinkle - Incluir Texto de Archivos Externos en Tu Sitio Con Javascript

Accordion v2.0 – Efecto de Acordeón En Javascript Con Prototype y Scriptaculous

dmedina — Fri, 21 Sep 2007 05:37:34 +0000

Accordion v2.0 es una librería que permite crear un efecto de acordeón en javascript para esto utilizando prototype como framework y scritpaculous para los efectos. El peso de la librería es de tan solo 6KB por lo que es bastante ligero y la funcionalidad y efectos que nos presenta es muy atractiva.

Entre las características que nos presenta esta librería están las siguientes:

Creación de acordeones verticales (los clásicos).
Permite también la creación de Acordeones horizontales.
El tamaño del contenedor del acordeón se adaptara dinámicamente al tamaño del texto que contenga.
Permite definir el evento por medio del cual se activa el acordeón.
Permite cambiar la velocidad de apertura del acordeón.

- Accordion v2.0 (Para mas información y modo de utilización)
- Descargar Accordion v2.0 (Incluye página demo)

Anteriormente utilizaba el acordeón de Rico pero en definitiva creo que la dejare para utilizar esta.

Vía: Del Icio

Enlace Original: Accordion v2.0 - Efecto de Acordeón En Javascript Con Prototype y Scriptaculous