Tetris JS: otro clásico
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
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
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.
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
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
5 herramientas online imprescindibles para desarrolladores web
El día a día del desarrollador web es duro. Los que tenemos pasión por ello lo llevamos bien cuando se nos plantean retos nuevos o proyectos interesantes, pero lamentablemente eso no ocurre todos los días, y para esas tareas repetitivas que se dan en casi todos los proyectos, debemos tener una serie de herramientas que […]
Continuar leyendo
Haz que tu theme de WordPress sea «retina ready» en 3 pasos
Hoy vamos a aprender a dotar a tu theme de WordPress con soporte retina para los dispositivos que lo admitan. Por un lado, añadiremos las funciones necesarias en el archivo functions.php, así como los assets necesarios, y te enseñaré cómo testearlo una vez implementado. Vamos a ello! 1. Copia y pega las siguientes líneas en […]
Continuar leyendo
Carga tus scripts únicamente cuando tu vista lo requiera
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