Cómo perder peso en el navegador

El rendimiento de una aplicación web es fundamental. Al usuario no le gusta esperar y cada vez que acceda a tu aplicación web y se mueva por ella, quiere que sea amigable, de utilidad obviamente y por supuesto que sea rápida. Por ahí afuera puedes encontrar cientos o miles de sitios con trucos y buenas prácticas para hacer que tu sitio web responda lo más rápido posible. En browserdiet.com se han juntado un grupo de expertos de grandes empresas y proyectos, como Google, Twitter, Opera, etc.
Leer más

Vídeos de CascadiaJS

CascadiaJS es una conferencia orientada a Javascript que se celebró en Seattle los pasados 8 y 9 de noviembre. Javascript es un lenguaje que cada vez está tomando más relevancia y no sólo en el mundo web sino también en los nuevos sistemas operativos de Microsoft, así que ya no es sólo un lenguaje para desarrolladores web. Pues nada, aquí tenéis los vídeos de las charlas de CascadiaJS: A simple crash course on web components and shadow DOM - how to build something with them and what problems they solve for developers.
Leer más

Aprende HTML5, CSS3 y Javascript... mirando

Para mi la mejor forma de aprender es ponerse manos a la obra y hacer por uno mismo lo que tengamos que hacer. Pero antes de poder ponernos a hacer nada, por lo menos en temas de programación, uno tiene que leer un poco antes o por lo menos ver como otros desarrollan una tarea parecida a la nuestra. Desde mi punto de vista el leer sobre como funciona la plataforma o tecnología sobre la que vamos a trabajar es fundamental, pero también ayuda ver algún ejemplo.
Leer más

Clásicos de Atari jugables desde el navegador

Desde Atari Arcade, podemos jugar a 8 clásicos reescritos en HTML y Javascript, es decir, jugables desde el navegador (Chrome me dio problemas, pero con Firefox funcionan muy bien. Deduzco que IE también funciona bien, ni idea sobre el resto). Los juegos disponibles son: Pong Asteroids Missile Command Super Breakout Lunar Lander Combat Centipede Yars’ Revenge Pero lo mejor de todo no son los juegos en si (al menos para mi ;)), sino que Atari Arcade es además una plataforma de juegos, en la que puedes desplegar tus propios juegos.
Leer más

Mario 5 escrito en Javascript, incluye código fuente

Son muchos los juegos y otras aplicaciones que se han portado al navegador creando estos en Javascript. Especialmente desde que se liberó HTML5 y CSS3. Estas dos tecnologías junto con la potencia infravalorada de Javascript se pueden hacer cosas muy interesantes. En esta entrada nos van explicando paso a paso la creación de este Mario 5, con trozos de código, HTML y CSS y sus correspondientes explicaciones. Además si eres capaz de entender y seguir el artículo podrás incluso fácilmente extender este mismo juego.
Leer más

Clippy (Clipo) ha vuelto para quedarse, como usarlo en tu página web, WTF!

Seguro que echabas de menos a Clippy (Clipo en español), ese "simpático" clip llamado también Microsoft Agent que aparecía en Office 97 (y que duró hasta el Office 2003) cuando, en teoría, lo necesitaba el usuario. El pobre Clipo fue machacado en su época por su habilidad de aparecer justo cuando menos lo necesitabas, una de las parodias es Vigor, un pluggin para vi que incluía un asistente que era como Clipo, un clip.
Leer más

Moviendo personajes de Quake en 50 líneas de javascript

Usando el plugin tQuery.md2Character el cual incluye un suelo tipo ajedrez, niebla para marcar la profundidad, teclado para moverlo y por supuesto permite abrir los formatos de los personajes de DOOM y Quake, MD2 (puedes encontrar todos tus personajes favoritos de las sagas en este formato para jugar con ellos en planet-quake ó sitters-electronics). Puedes ver una demostración aquí. Todo el proceso paso a paso y el código fuente utilizado, en el post original.
Leer más

Un juego de tetris programado en 140 bytes (más o menos el tamaño de un tweet de twitter)

¿Es posible escribir un programa que no sea más grande que un tweet de twitter, o sea, 140 bytes?. La página web 140byt.es dice que sí y lo ha demostrado programado un juego de Tetris que ocupa 140 bytes. A eso se dedica dicha web, a recopilar programas en Javascript que no ocupen más que un SMS o un tweet. Esta implementacion espectacular de un juego de Tetris en 140 bytes tiene sólo dos tipos de bloques (lo llaman "
Leer más

Un juego "snake" dentro de un URI

Nos encantan en CyberHades este tipo de programas que creo podemos catalogar de “código ofuscado”. En esta ocasión el autor es capaz de hacer un juego tipo “snake ó nibble” en javascript y que encaje dentro de un URI. De hecho podrías poner todo el código del programa en un enlace (link) directamente. Sólo tiene que copiar el código fuente en la barra del navegador (o pulsa aquí para probarlo, me ha funcionado en Firefox y Chrome).
Leer más

Emulador de PC escrito en Javascript

Hace unos meses Fabrice Bellard nos deleitó, una vez más, con un emulador de PC escrito en javascript. El emulador emulaba, valga la redundancia los siguientes componentes: CPU compatible 32 bit x86 Controlador de interrupciones programable 8259 Temporizador de interrupciones programable 8254 16450 UART Reloj de tiempo real Como demostración, el autor compiló un núcleo de Linux 2.6.20 y lo usó para poner en funcionamiento dicho emulador. Aquí podéis ver el emulador en acción.
Leer más