Google I/O is over and I’ll post a bit about the HTML5 hack session I ran later, but here I want to highlight a couple of upcoming sessions in Europe:
UXCampEurope. If this is anything like the Bay Area and London UX camps I’ve been fortunate to attend, it will be huge, and being Europe-wide and [...]
Tags: Conference·HCI UXCamp UX·html5·Javascript·Mobile·SWDC·UX·UXCamp·Web
I've been mucking with AppCache, aka ApplicationCache. It's the secret sauce that lets you build offline apps, which is great for performance and fabulous for pretending to be an iPhone app when you're not.
Quickstart an Offline App
As with most HTML5 technologies, the basic usage is quite simple:
Create a trivial trio of HTML, CSS, and JS [...]
Tags: html5·Javascript·Web
The Geolocation API is surprisingly short and simple. A simple lookup is a doddle:
PLAIN TEXT
JAVASCRIPT: navigator.geolocation.getCurrentPosition(function(position) { alert("You're at " + position.coords.latitude + "," + position.coords.longitude); });
About the most complicated thing is "cached positions", and even those are quite straightforward. So what's that all about?
A cached position is what the API returns [...]
Tags: Geolocation·html5
HTML5 has conflicting definitions.
If you go by the official WHAT-WG spec, HTML5 is a list of specific features, including Canvas, Video, Audio, the new form controls, the new semantic markups, and microdata.
If you go by the media and Steve Jobs, HTML5 is simply a new platform that lets us do rich, interactive, applications without the [...]
This is a gotcha that will catch a lot of people out because it goes against the expectation that you just change an image's appearance by setting its "src", done. And also, it's a deviation from the more general convention that you change DOM properties declaratively to make stuff happen. Probably for good reason, given [...]
Tags: audio·html5·Javascript·Video
This here is a script that will put the code of all scripts and stylesheets into a single variable. Usage:
PLAIN TEXT
JAVASCRIPT: yoink(function(all) { console.log("scripts", all.scripts); // string array console.log("stylesheets", all.stylesheets); // string array });
As you can see, you have to provide a callback because this stuff is asynchronous. It downloads the files one at a time [...]
Tags: Javascript·Project·yoink
This is a permalink for my JSConf.US talk. Full slides are online here:
THE LOST HACKS: Ridiculous browser tricks from the world of single-page Applications
The talk will overview TiddlyWiki and Single-Page Apps, and then cover eight specific hacks:
File access without browser extensions Javascript-HTML chameleon files SVG-VML chameleon files Inline SVG iFrame squriting Script islands Embedded images Fragment IDs
I'll be posting a link to the [...]
Web-O-Random is a new site I made, a simple random number generator with simple URLs. The About Page tells the story:
Random Numbers
http://weborandom.com A number between 1 and 100 http://weborandom.com/6 A number between 1 and 6 http://weborandom.com/-10/10 A number between -10 and 10 http://weborandom.com/5/10.000 A decimal number between 5 and 10, at 3 decimal place precision
Random Lists
http://weborandom.com/larry,moe,curly A random [...]
Tags:
One of the projects I wanted to work on in my time off was WebWait.
It finally does what I wanted it to do all along: Permanently record benchmarks. You can get a unique URL for each benchmarking session you run by hitting Save. Funny - WebWait was running as a Rails app for several years, [...]
