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


Cómo utilizar el propio thickbox de WordPress en tu theme y ejemplo práctico para utilizarlo en la página de producto de WooCommerce

   WordPress

Muchas veces optamos por poner una librería externa como fancybox o magnific popup para mostrar imágenes, cuando podemos utilizar la librería thickbox que viene ya en el propio WordPress. Lo único que tenemos que hacer es llamarlo desde nuestro theme, para eso, en el archivo functions.php, utilizando el hook wp_enqueue_scripts incluímos tanto el JS como […]


Continuar leyendo


WordPress ACF

WordPress ACF: cacheando las opciones

   WordPress

Advanced Custom Fields (ACF) es una maravilla de plugin que nos hace la vida más fácil a la hora de agregar nuevos campos y gestionar el contenido de posts, custom posts, etc. desde el panel de WordPress. Pero tanta simplicidad tiene un pequeño impacto en el rendimiento y sobre todo en el número de queries. […]


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.


WL CSS Helpers actualizado con nuevos «helpers»

   CSS

Después de estar utilizándo el pequeño archivo .less o .css que reune un conjunto de reglas fáciles de recordar y super útiles, he comprobado su eficacia y su ahorro de tiempo durante los desarrollos y se me ha hecho casi imprescindible, así que he agregado algunas nuevas clases más para hacerlo todavía más útil. Lo […]


Continuar leyendo


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



ANTERIORES