Escritorio de Leopard creado con jQuery

1 Punto2 Puntos3 Puntos4 Puntos5 Puntos (Sin Valorar)
Loading ... Loading ...

 

Escritorio de Leopard realizado con JQuery

Escritorio de Leopard realizado con JQuery

 

Los chicos de Nettuts nos traen un completo tutorial que nos muestra cómo crear el escritorio de Leopard con jQuery, una librería de javascript, sin duda una muestra más de que cada vez las webs se van acercando más a las aplicaciones de escritorio. 

Ya se ha hecho algo parecido pero en vez de emular a Mac emula a Windows y está creada con la librería Ext JS.

Podéis ver una demo pulsando en el siguiente enlace:

Demo de escritorio de Leopard creado con jQuery

Y el tutorial lo podéis encontrar pulsando aquí.

Enlaces:

Nettuts

jQuery

Tags: , , , , ,

Pacman en CSS

1 Punto2 Puntos3 Puntos4 Puntos5 Puntos (1 valoraciones, media: 5.00 de 5)
Loading ... Loading ...

Captura de pantalla del Pacman original

Captura de pantalla del Pacman original

¿Quién no conoce el Pacman? ¿Quién no ha jugado alguna vez a este juego? El típico comecocos, comebolas, o como queramos llamarlo.

Hace ya algunos años desde que su creador, Toru Iwatani, creara un buen día al comecocos mientras contemplaba una pizza a la que faltaba una porción, allá por el principio de los años 80.

Estamos en el 2008 y es increíble ver cómo evoluciona la informática y la diferencia entre:

Antes: Para jugar al Pacman necesitabas desplazarte a los recreativos, o al bar de tu barrio y gastarte el dinero para poder echar una partida (esto en sí tenía su emoción, ya que intentabas por todos los medios no morir y cuando sólo te quedaba tu última moneda, lo que te jugabas en esa máquina no eran pixeles, aquello eran vidas de verdad)

Ahora: Puedes jugar al pacman en casi cualquier sitio, desde “consolas” de 1€ en la tienda de los chinos, en tu móvil, en el ordenador (ya sea mediante Flash, software o emuladores), etc..

    Pero si aún no era bastante con la cantidad de ports que se han realizado del Pacman ahora Román Cortés ha creado un Pacman utilizando sólamente CSS y Javascript, como comenta en su blog:

    “Pacman CSS no usa imágenes, sólo arte CSS vectorial y redimensionable compuesto de cientos de caracteres de la fuente Verdana, y código javascript para la animación y el juego. Ocupa menos de 9kb descomprimido (y menos de 3kb con zip).”

    Pacman realizado con CSS y JavaScript

    Pacman realizado con CSS y JavaScript

    La verdad es todo un logro, cuando veo las cosas que se pueden hacer con CSS no dejo de acordarme de algunas webs que todavía basan su diseño en tablas coloreadas a la antigua usanza (<table bgcolor=”#F2C342″…)

    Puedes echar un mini-vicio entrando en el post del juego, aunque te aviso, (¿todavía?) no es un Pacman 100% operativo, por ejemplo los fantasmas no te hacen daño, y las cápsulas grandes no sirven para nada, pero merece la pena jugar a un Pacman creado completamente con fuentes.

    Si quieres saber más sobre Pacman:

    Lo leí en: PuntoGeek – Pacman creado totalmente en CSS
    La web del autor del juego: Román Cortés

    Tags: , , ,