Posts tagged webKit

Javascript fullscreen api

An old post but worth remembering when planning an HTML5 based presentation (like HTML5 Rocks!).

If you run your deck on the latest webkit nightly you can hack it to use fullscreen mode for additional credibility.

Original article by @beverloo - well worth following.

Fizzing and Popping (finally #creativejs).
Attended excellent Creative HTML5 and javascript programming course given by Seb Lee-Delisle (@seb_ly) in Brighton. Customary for attendees to put something out. So here’s my effort:
Fizzing and Popping
(or view in test rig here)
It’s an installable iPhone web application with two canvas elements. Add it as a bookmark to the Home Screen of your iPhone and relaunch from the bookmark to get it to run full screen. It also works offline (yes, despite what the Register claims, app cache does still work on iPhone)  - so if you really need to run your iPhone battery down on a cross-channel flight this is the application for you.
Performance is pretty good on iPhone 3GS but can stall a bit if too many bubbles burst simultaneously. It’s not optimised to eliminate sub-pixel rendering so there is room for perf improvements.
If you’re thinking that it looks similar to the start-up screen from the outstanding Train Yard puzzler for iPhone by @MattRix. I concede that was the inspiration. It’s a tribute to an excellent colour mixing game that has the consideration to cater for colourblind people like me. Chapeau.

Fizzing and Popping (finally #creativejs).

Attended excellent Creative HTML5 and javascript programming course given by Seb Lee-Delisle (@seb_ly) in Brighton. Customary for attendees to put something out. So here’s my effort:

Fizzing and Popping

(or view in test rig here)

It’s an installable iPhone web application with two canvas elements. Add it as a bookmark to the Home Screen of your iPhone and relaunch from the bookmark to get it to run full screen. It also works offline (yes, despite what the Register claims, app cache does still work on iPhone)  - so if you really need to run your iPhone battery down on a cross-channel flight this is the application for you.

Performance is pretty good on iPhone 3GS but can stall a bit if too many bubbles burst simultaneously. It’s not optimised to eliminate sub-pixel rendering so there is room for perf improvements.

If you’re thinking that it looks similar to the start-up screen from the outstanding Train Yard puzzler for iPhone by @MattRix. I concede that was the inspiration. It’s a tribute to an excellent colour mixing game that has the consideration to cater for colourblind people like me. Chapeau.

Simple test rig for CSS3 media queries targeting mobile devices and supporting multiple screen resolutions.

On Papersnail with source available for forking on Github.

dropshado.ws: -webkit-line-clamp

webkitbits:

Incredibly useful tip about -webkit-line-clamp from Dave Desandro’s new blog, DropShado.ws. -webkit-line-clamp is like text-overflow: ellipsis but for paragraphs!

I did some quick testing to find it works on iOS 3+ but it did not work on Android 2.1 (Eclair).

I’ve been searching for this for ages.