Ubiquity Tutorial: How to turn a page upside-down

Advertisement:

POWERED by FUSION

In Firefox 3.1 it has become possible to do even more amazing things with CSS. Anything can be rotated, skewed, and translated with just a single line of CSS code. With Ubiquity we can use that power for good, evil, and other. This tutorial demonstrates how, with five-ish lines of code, you can create functionality — both commands and extensions — that are “other”. Perhaps tending a little bit towards evil. Watch the video to find out what unpractical joke we’ve got cooking.


Watch the tutorial in HD here.

What most folks don’t yet know about Ubiquity is that it can be used for a lot more than just writing user-initiated commands. For example, any function that starts with pageLoad_ will automatically be run at the appropriate time.

For example, here’s the Ubiquity code for making the browser a little bit better for all of you bats out there:


function pageLoad_flip(){
  var doc = CmdUtils.getDocument();
  jQuery(doc.body).css("-moz-transform", "rotate(180deg)");
}

About this entry

You’re currently reading “Ubiquity Tutorial: How to turn a page upside-down,” an entry on Aza’s Thoughts

Published:
12.11.08 / 4pm
Category:
WEBLOG