Blog

Sígueme en

Tetris JS: otro clásico

   JS

Aquí os dejo una versión del clásico Tetris en vanilla Javascript. Nada en particular, pero la verdad que se juega realmente bien en modo desktop. Jugar a OwTetris Jugar a OwTetris 1.0(*) Versión para móvil


Snake JS: el clásico

   JS

Siempre es divertido crear una versión propia de un juego retro. Como siempre 100% vanilla Javascript sin aditivos, y es que usar otra cosa para algo tan pequeño sería sobre-ingeniería. Enlace al juego: http://snake-js.olabaworks.com/ Tenéis el código en este repo de GitHub: https://github.com/aritzolaba/ow-snake-js


OlabaShoot: un juego de naves en Javascript

   JS

Hará como un par de meses me salió un proyecto para hacer unos pequeños juegos en javascript. Cosas sencillas. Empecé por un juego tipo «quiz» de preguntas y respuestas, para el que usé html, css y js de toda la vida, dando como resultado una página web. Pero uno de los juegos requería utilizar canvas, […]


Continuar leyendo


owLazyLoad. Script JS para cargar contenido de manera asíncrona.

   JS

He desarrollado un pequeño script en Javascript que permite la carga asíncrona de contenido como imágenes, vídeos, audio o iframes. Quería tener algo simple que hiciera el trabajo bien, sin dependencias y sin tener que inicializarlo. Podéis descargarlo desde Github, y ver una demo aquí mismo.


HTML5 Audio App: Simple Sample Trigger

   HTML5JS

He aquí uno de esos proyectos en los que se unen dos de mis pasiones: la música, y el desarrollo web. Se trata de un «simple disparador de muestras de sonido» que he bautizado con el nombre de SST (Simple Sample Trigger). El concepto es sencillo: se crean varios elementos <audio> HTML5, y a cada […]


Continuar leyendo


Carga tus scripts únicamente cuando tu vista lo requiera

   JS

Lo normal a la hora de cargar los scripts de javascript de tu proyecto suele ser colocar los «frameworks» base en el head y el resto de scripts justo antes de cerrar body, o lo que más se recomienda actualmente, poner todos justo antes de cerrar la etiqueta body, para que el sitio cargue más […]


Continuar leyendo