Football Drama Game is out!
We in Open Lab spent more then one year working on Football Drama, a narrative choice-based game on Football with turn-based match play. Starting from today Football Drama is available on the stores! The game features the integration of rich…
Use a Youtube video as page background on mobile devices
The HTML5 ‘playsInline’ video property is almost stable and available on all the recent mobile browsers. What does it mean? The playsInline property let any HTML5 video to play in place instead of opening it as a new overlay window…
Create images and make them travel the world using HTML5, SVG, Canvas and Javascript
In the past months we had the opportunity to work on finding the best solution for composing and manipulating vector images in the context of an HTML5 web application for smart phones, tablets and desktop browsers. The scope of the…
Making HTML5 audio actually work on mobile
This story starts when we had to provide audio to an HTML5 game we were building.
The game is for mobile browsers, actually a limited and updated range of mobile browsers: Safari for iOS 6+, and the stock browser (i.e. the default browser) for Android 4+. With the well known scaling trick (CSS “transform: scale(…)”) which we built in our mobile app, we got it to run quite nicely in all resolutions, so also on desktop browsers. Hence we would want our audio solution to work also on desktops.
What am I working on now? … (swipe to change)
[youtube=https://www.youtube.com/watch?v=SgQUa7tMbps] I’m going to publish a new jQuery plugin (mb.momentumSlide) that let you swipe between “pages” either horizontally or vertically. It works both on computer and devices. The live demo: http://pupunzi.github.com/jquery.mb.momentumSlide/demo.html You can find the pre release on gitHub: https://github.com/pupunzi/jquery.mb.momentumSlide….
ContainerPlus has been rewritten
jQuery.mb.containerPlus is going to have a new life. jQuery.mb.containerPlus is one of the most appreciated jquery plug-in of mine (more than 25.000 downloads till now) and I decided it was time to radically update the code. There are many improvements…
Syncing multiple Google calendars on iOs Calendar
If you are getting crazy trying to sync all your Google calendars on your iPhone or iPad here is the solution: Creating a gmail account from settings > mail, contacts, calendars you can than sync the default Google calendar with…
jQuery.mb.CSSAnimate – Use CSS3 transition to animate DOM Elements via jQuery
As most of you know there are new features in CSS3 that let you animate HTML elements using just CSS. Using CSS3 “transition” you can control which property to apply, the duration of the transition, the transition timing and the…
How to play background audio on iOs devices’ web pages
This is a horrible hack that works beautifully (’till next Apple iOs update). It was a while that we where looking for a background audio solution for our Adslife browser game when played on iPad or other iOs devices. Apple’s…
