The HTML5 Boilerplate build script can auto generate your manifest.appcache file but it doesn’t out of the box. Slightly hidden away in the docs: To enable the appcache, just uncomment the file.manifest line in the project.properties file. It’ll create a manifest.appcache file and wire it all up. You’ll find the project.properties file in build/project. Now just do ant […]
Starting in PhoneGap 0.9.5 there’s an undocumented iOS only feature that allows you to handle whether the device should rotate to a particular orientation. It exposes the iOS Objective-C method shouldAutorotateToInterfaceOrientation with a JavaScript function shouldRotateToOrientation. function shouldRotateToOrientation (rotation) { switch (rotation) { //Portrait or PortraitUpsideDown case 0: case 180: return true; //LandscapeRight or LandscapeLeft case […]
By Ben Collier
|
Posted in iPad, iPhone, Javascript, Mobile, PhoneGap
|
Also tagged Apps, iOS, ipad, iPhone, javascript, javascript function, phonegap
|
The winner of the 2011 Yahoo HackU contest at University of Washington, this is so cool. Click here to activate the Katamari Damacy effect. You can also install it as a bookmarklet by dragging: Katamari to your bookmarks bar. It uses CSS3 transforms and html5 canvas to do this awesome effect. Hats off to the developers, this works […]
Somewhat hypnotic generative drawing website that uses HTML5 canvas and lots of pretty colours. It records your drawings to share with others –http://weavesilk.com/?l1
Google Font Directory http://code.google.com/webfonts Bit late to the party with this one, but the Google Font Directory has some great open source fonts that can be included in your webpages incredibly easily. They host the whole solution and it’s a few basic lines of CSS to get some fancy fonts on your site. My personal favourites […]
By Ben Collier
|
Posted in CSS, Site Seeing, Waffle
|
Also tagged comics, css, free, google, html, javascript, photo, roundup, typography
|
In Safari 5 HTML5 videos played in the <video> tag can now be made fullscreen, if you’re using the default controls then a button is available, but if you’re overriding them with a custom control you can use: webkitEnterFullScreen(); This needs to be called on the video tag element, for example, to fullscreen the first video tag on […]
