As demand for iphone and Android apps grows, the Soak team have been getting aquainted with the tools necessary for building mobile applications that run on multiple platforms. Rather than building separate apps for each mobile platform, we can write a single HTML5 application which can take advantage of the latest iphone hardware capabilities, without being limited to the Apple App Store.

I recently stumbled across yet another random bug in FireFox 2.0 and Internet Explorer 6 where the CSS declaration “display: inline-block” is not supported. There are a few ways to fix this. This is how we fix the issue, in our opinion this is the most stable and correct way of getting the browsers to render elements correctly.

Below is a PHP function that takes in youtube embed code, a desired width and height. It returns the embed code with width and height resized to the desired dimensions.