Imagine, the free online storyboard editor, is live!
Imagine is a tool we realized for organizing the storytelling flow of our games, e. g. Football Drama, our game on football, and Roller Drama, our game on Roller Derby.
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…
Use a Vimeo® video as background of your page
We are more and more experiencing the use of background videos on web pages; They are visually capturing our attention giving more informations about the content of the website then a text or an image can do. There are two possible…
YTPlayer. Use the same background video cross pages
With the last 3.0.13 release of the jquery.mb.YTPlayer plug-in I’ve introduced a new option that lets the same video across different pages to start at the same point you left on the previous page. This is quite useful if you…
mb.Balloon, a clever and helpful javascript tooltip solution
Working on the Twproject Application User Interface we at Open Lab were looking for a component that would had the capability to display a little box near a target element with a variety of customizable interfaces and behaviours. I started Working…
How to Mask the mb.YTPlayer background video
With the last 3.0 release of my YTPlayer plugin I introduced the ability to create a mask (simply a PNG file) that covers the player giving at the video you are playing a particular effect.
Firefox and the Youtube video quality issue
Google recently switched to adaptive videos streaming on YouTube by using Media Source Extensions. This technology generates media streams for playback in JavaScript allowing dynamic change of video quality and a more accurate control of the stream. You can check what…
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…
Look at this! mb.bgndGallery goes fullscreen!
[youtube_sc url=”http://www.youtube.com/watch?v=reS9Lp1LbLY” width=”700″ height=”400″] I just implemented the new HTML5 Fullscreen API on two of my components: mb.YTPlayer and mb.bgndGallery. Using the element.requestFullScreen() and the document.cancelFullScreen() methods is now possible to display part of a page or the entire web…
jquery.mb.bgndGallery 1.7.5. Make your custom transition
I’ve just updated the mb.bgndGallery adding some defaults effects for an easy implementation. For all of you that where getting creasy on how to set the correct transition for the sliding images, this update introduces some built in effects you…