HectorBenitez.com [Blog] » Javascript

EffectGames, plataforma Javascript para crear juegos

Hector Benitez — Sun, 20 Dec 2009 01:17:04 +0000

No queda duda de que Flash aun tiene su mercado, aunque ha ido bajando, y es cada vez más común ver sitios que sustituyen elementos Flash por Javascript, actualmente uno de los mercados que aun le pertenece a Flash es sin duda el de los juegos online, pocos juegos como Travian o Mafia Wars han logrado mantenerse en la red, sin embargo con la llegada de HTML5 y CSS3 además de proyectos como WebGL hacen que cada día Javascript esté más cerca de quitarle este reinado a Flash.

Un ejemplo de esto es EffectGames, una plataforma Javascript para crear juegos en línea, el resultado es muy interesante, juegos muy fluidos y con muy buen aspecto grafico, no cabe duda que aun falta desarrollo pero son grandes los avances que se están logrando, valdrá la pena seguir proyectos como este.

Via: GenBeta

Compartelo:

Cross domain AJAX usando CSS

Hector Benitez — Sat, 14 Nov 2009 17:33:43 +0000

Una de las tecnicas mas importantes dentro del desarrollo web es AJAX, esta tecnica de programación es muy poderosa, sin embargo tiene ciertas restricciones por seguridad, la mas importante de ellas es la llamada “same-origin policy” la cual no permite generar llamados hacia otros dominios (Cross domain)…

Ahora me he encontrado con una libreria muy interesante la cual nos permite realizar llamados AJAX cross domain, pero usando CSS (Ellos lo llaman AJACSS), la razon de esto es que la politca “same-origin” solo afecta los llamados hechos con el XmlHttpRequest, por esta razon ellos nos presentan CSSHttpRequest.

Tiene como limitante el que solo se pueden realizar llamados tipo GET y que la respuesta vendra codificada dentro de CSS, sin embargo ellos ya nos brindan librerias para codificar en Python, Ruby y PHP y para descodificar en Javascript, aqui les dejo un ejemplo de como seria el uso y en la pagina de los autores pueden encontrar un ejemplos, saludos…

CSSHttpRequest.get(
        "http://www.nb.io/hacks/csshttprequest/hello-world/",
        function(response) { alert(response); }
    );

Respuesta:

#c0 { background: url(data:,Hola%20Mundo!); }
#c1 { background: url(data:,Este%20seria%20un%20ejemplo); }

Sitio oficial…

Compartelo:

Sexy Lightbox: El Lightbox más sexy de la web

Hector Benitez — Tue, 20 Oct 2009 14:00:39 +0000

En esta ocación les traigo el Lightbox más sexy de la web, o al menos eso dicen en su pagina oficial, y la verdad aunque existen mucho scripts tipo lightbox este trae un estilo bastante fresco y ademas lo he venido siguiendo por algun tiempo y se nota que esta en desarrollo constante, cosa que es muy importante y habla muy bien del proyecto y de sus creadores.

Por supuesto es libre y acepta varios tipos de contenido, imagenes, videos, html…

Todos los flash que tengas en tu sitio deben tener la propiedad wmode en transparent u opaque para que el lightbox se muestre correctamente.

Ahora puedes usar SexyLightbox en español de la siguiente manera:

SexyLightbox = new SexyLightBox({color:'negro'});

Por cierto, cuentan con otros componentes bastante buenos tambien, asi como Sexy Tooltip o Sexy Forms, tambien podrian echarles un ojo…

Sitio oficial

Compartelo:

jCart: Comercio electrónico en Ajax, PHP y jQuery

Hector Benitez — Mon, 31 Aug 2009 02:47:41 +0000

jCart es un pequeño script e-commerce hecho con PHP y jQuery.

Nos brinda la funcionalidad básica de una tienda en línea incluyendo el carrito de compras, utiliza jQuery para darle una funcionalidad más dinámica por medio de Ajax aunque es completamente funcional con javascript deshabilitado.

Muy sencillo de adaptar a tu sitio, un recurso bastante útil…

Sitio oficial…

Compartelo:

Gritter: Notificaciones con JQuery estilo Growl

Hector Benitez — Sun, 26 Jul 2009 23:39:31 +0000

Gritter es un plugin de jQuery para crear notificaciones estilo Growl con facilidad, estas notificaciones pueden ser estilizadas con facilidad, es posible crear multiples notificaciones cada una de ellas con ID unico y un comportamiento independiente, puedes elegir si quieres que desaparescan las notificaciones tras unos segundos o hasta que el usuario las cierre manualmente,muy buen plugin para tenerlo en la mente…

Sitio oficial…

Compartelo:

Hagamos mas rapida a la web

Hector Benitez — Sat, 27 Jun 2009 23:23:29 +0000

Recientemente Google presento una serie de tutoriales y articulos en los cuales nos presentan diferentes sugerencias para mejorar la velocidad de nuestras aplicaciones web, se tratan temas como CSS, PHP, Javascript y optimización de imagenes entre otros, la verdad son recursos muy interesantes y vale la pena hechar un ojo…

Articulo de google code…

Let’s make the web faster

Compartelo: