I'm Aza Raskin @aza. I make shiny things. I simplify.

I'm VP at Jawbone, focusing on health.

 

Ubiquity Tutorial: How to turn a page upside-down

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)");
}

RT @aza Ubiquity Tutorial: How to turn a page upside-down | Follow @aza on Twitter | All blog posts

View all 109 comments


Like it, I can already see some cool things with this.

Like a dinosaur website, on page load screen shaking from side to side for a short time.

Thanks for the info.


    Phil: Does not work with safari, as you implement?


It’s cool you can do it with Firefox now.

It is also possible with Safari:

see: http://www.larik.nl/DHTML/flip.html


It would be useful to use feColorMatrix to simulate color blindness with this technique (ala http://dev.opera.com/articles/view/applying-color-tints-to-web-pages-with-s/)



Aza Raskin

@AndyEd: That’s a great idea. Want to whip up a Ubiquity command to do so?



Nico

Hello,
Your web-video-tutorial are really great and help to understand quickly the feature of ubiquity.
Just out of curiosity, which softwares do you use to produce these videos or where have you found resources to create these video?
I am particularly interested by the zoom on the text in the video when you write.(even though we would do that directly in our favorite browser with ubiquity I guess)
Anyway thanks for info.



SEO

Nice tutorial……….good stuff



cameron

hi it wont work for me can you tell me again in words step by step please


Like it, I can already see some cool things with this.

Like a dinosaur website, on page load screen shaking from side to side for a short time.

Thanks for the info.


hi it wont work for me can you tell me again in words step by step please



Sex

Like it, I can already see some cool things with this.

Like a dinosaur website, on page load screen shaking from side to side for a short time.

Thanks for the info.


Thanks, I really felt like I’ve realized something new and thrilling.


I like such topics


thnks
goooooooooooood
min:)ااا


Congrats to Chelsea!


I have learned some important things via your post. I’d also like to convey that there might be situation that you will make application for a loan and never need a cosigner such as a Fed Student Support Loan. However, if you are getting financing through a standard bank then you need to be prepared to have a co-signer ready to assist you to. The lenders will probably base any decision using a few elements but the main one will be your credit history. There are some creditors that will as well look at your job history and make up your mind based on this but in most cases it will depend on your credit score.


Enjoy your blog )
my blog


Hi my loved one! I wish to say that this post is amazing, great written and come with almost all vital infos. I’d like to see more posts like this .|


Plank, though, isn’t exceedingly concerned. Its holders are often referred to as being the Earls of Llandaff since that is the more usual spelling of the Llandaff, that is today a suburb of the city of Cardiff in Wales, the title is however most properly that of the Earl of Landaff as it was “so spelt in the patents”..


The shoes play a role to the comfort of people’s feet and bodies. 脗Last Christmas, two days after on December 27th I naturally miscarried my second in my parent’s bathroom. Don’t take yourself so pledge a garlic. I haven’t tried either shoe, but I have worn the Strength shoes and they increased my calf size 2 inches in less than 1 month and my vertical jump 3 inches.


check out our viagra website agasap today dfij as you know great


Thanks a lot for your post. I want to say that the expense of car insurance differs from one policy to another, simply because there are so many different issues which play a role in the overall cost. By way of example, the brand name of the motor vehicle will have a tremendous bearing on the purchase price. A reliable ancient family auto will have a lower priced premium when compared to a flashy expensive car.



facebook hacker here

Hi there just wanted to give you a quick heads up. The text in your content seem to be running off the screen in Ie. I’m not sure if this is a formatting issue or something to do with web browser compatibility but I figured I’d post to let you know. The design and style look great though! Hope you get the problem fixed soon. Thanks


There are certainly quite a lot of details like that to take into consideration. That could be a great point to bring up. I offer the thoughts above as common inspiration however clearly there are questions just like the one you deliver up where an important factor will likely be working in honest good faith. I don?t know if greatest practices have emerged round things like that, however I’m positive that your job is clearly identified as a fair game. Each girls and boys feel the affect of only a second’s pleasure, for the remainder of their lives.


Today, I went to the beachfront with my kids. I found a sea shell and gave it to my 4 year old daughter and said “”You can hear the ocean if you put this to your ear.”" She put the shell to her ear and screamed. There was a hermit crab inside and it pinched her ear. She never wants to go back! LoL I know this is totally off topic but I had to tell someone!


Loving the info on this internet site, you have done great job on the content.


Very good written post. It will be beneficial to everyone who employess it, including myself. Keep doing what you are doing – looking forward to more posts.


Have you ever thought about writing an ebook or guest authoring on other websites? I have a blog centered on the same subjects you discuss and would love to have you share some stories/information. I know my readers would appreciate your work. If you’re even remotely interested, feel free to send me an email.


I got what you intend, thanks for posting.Woh I am lucky to find this website through google.


Hello there, You’ve done an incredible job. I will certainly digg it and personally recommend to my friends. I’m sure they will be benefited from this web site.


It’s my belief that mesothelioma will be the most fatal cancer. It has unusual characteristics. The more I really look at it the more I am confident it does not act like a real solid flesh cancer. If mesothelioma is a rogue virus-like infection, so there is the prospects for developing a vaccine in addition to offering vaccination to asbestos exposed people who are really at high risk associated with developing long run asbestos relevant malignancies. Thanks for revealing your ideas about this important ailment.


My coder is trying to convince me to move to .net from PHP. I have always disliked the idea because of the expenses. But he’s tryiong none the less. I’ve been using Movable-type on various websites for about a year and am worried about switching to another platform. I have heard good things about blogengine.net. Is there a way I can import all my wordpress posts into it? Any help would be greatly appreciated!


Great blog! Do you have any tips and hints for aspiring writers? I’m hoping to start my own website soon but I’m a little lost on everything. Would you advise starting with a free platform like WordPress or go for a paid option? There are so many options out there that I’m totally confused .. Any suggestions? Appreciate it!


Hi are using WordPress for your blog platform? I’m new to the blog world but I’m trying to get started and create my own. Do you require any html coding knowledge to make your own blog? Any help would be really appreciated!


Thanks for ones marvelous posting! I really enjoyed reading it, you might be a great author.I will be sure to bookmark your blog and definitely will come back very soon. I want to encourage you to definitely continue your great writing, have a nice day!


I really enjoy the article post. Much obliged.


Many thanks a bunch for posting!


I know this if off topic but I’m looking into starting my own weblog and was curious what all is required to get set up? I’m assuming having a blog like yours would cost a pretty penny? I’m not very web smart so I’m not 100% certain. Any recommendations or advice would be greatly appreciated. Thank you


Woah! I’m really loving the template/theme of this blog. It’s simple, yet effective. A lot of times it’s very difficult to get that “perfect balance” between superb usability and appearance. I must say you have done a very good job with this. In addition, the blog loads super fast for me on Chrome. Excellent Blog!


Does your website have a contact page? I’m having a tough time locating it but, I’d like to send you an email. I’ve got some ideas for your blog you might be interested in hearing. Either way, great blog and I look forward to seeing it expand over time.


I’m curious to find out what blog system you are using? I’m having some minor security issues with my latest blog and I would like to find something more risk-free. Do you have any solutions?


Good day! This is kind of off topic but I need some help from an established blog. Is it very difficult to set up your own blog? I’m not very techincal but I can figure things out pretty fast. I’m thinking about creating my own but I’m not sure where to start. Do you have any ideas or suggestions? Thank you


Hi there, i read your blog from time to time and i own a similar one and i was just curious if you get a lot of spam remarks? If so how do you protect against it, any plugin or anything you can suggest? I get so much lately it’s driving me mad so any assistance is very much appreciated.


Superb blog you have here but I was wondering if you knew of any community forums that cover the same topics talked about here? I’d really love to be a part of group where I can get feed-back from other experienced people that share the same interest. If you have any suggestions, please let me know. Kudos!


At this time it appears like BlogEngine is the best blogging platform out there right now. (from what I’ve read) Is that what you are using on your blog?


Do you have a spam problem on this website; I also am a blogger, and I was wondering your situation; many of us have created some nice methods and we are looking to exchange methods with others, please shoot me an e-mail if interested.


Top of the line post , I am trying to learn how to make my blog this worthwhile !


Muy bueno ;)


Muchas gracias


Wow, super-detailed and really useful-looking! nice one :)


Today, while I was at work, my cousin stole my iPad and tested to see if it can survive a 40 foot drop, just so she can be a youtube sensation. My iPad is now destroyed and she has 83 views. I know this is completely off topic but I had to share it with someone!


Hi! Someone in my Myspace group shared this website with us so I came to check it out. I’m definitely enjoying the information. I’m book-marking and will be tweeting this to my followers! Terrific blog and wonderful design and style.


Hey would you mind stating which blog platform you’re working with? I’m planning to start my own blog in the near future but I’m having a difficult time selecting between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your layout seems different then most blogs and I’m looking for something unique. P.S My apologies for getting off-topic but I had to ask!


Do you have a spam problem on this blog; I also am a blogger, and I was wondering your situation; we have created some nice procedures and we are looking to swap strategies with other folks, be sure to shoot me an email if interested.



click here

Hey would you mind stating which blog platform you’re using? I’m going to start my own blog in the near future but I’m having a difficult time making a decision between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design seems different then most blogs and I’m looking for something unique. P.S My apologies for getting off-topic but I had to ask!


La mejor herramienta sin duda para realizar un blog es wordpress.org. Pueden entrar a este link que he puesto, es una web dedicada al maquillaje infantil, que realiza una monitora en Castellón. En maquillajeinfantil.net puedes encontrar el la home todo el trabajo que se realiza, facepainting, bodypainting, embarazadas, fiestas en comuniones, bautizos, eventos, sesiones fotográficas, etc por otra parte puedes encontrar la galería de imágenes y el blog.

Todo esto es muy facil de realizar con wordpress.org


La Sony Playstation va ha salir a la luz en breve, si quereis comprar la nueva PS4, animaros. También realizada con wordpress.org.


Cupones descuento en la provincia de Castellón, donde podrás encontrar todo tipo de pueblos, empresas, actividades, servicios, ocio y un blog para que puedas viajar siendo feliz a mitad de precio. Con Feeling Castellón todo mucho más barato tanto si vas de viaje, de fin de semana o vives en la provincia de Castellón.


Fantastic collection, Eric, appreciate it. Bookmarked and shared :)


Hello there! I know this is kinda off topic but I was wondering which blog platform are you using for this site? I’m getting sick and tired of WordPress because I’ve had problems with hackers and I’m looking at alternatives for another platform. I would be fantastic if you could point me in the direction of a good platform.


Amazing blog! Do you have any tips and hints for aspiring writers? I’m hoping to start my own site soon but I’m a little lost on everything. Would you advise starting with a free platform like WordPress or go for a paid option? There are so many choices out there that I’m totally confused .. Any ideas? Thanks a lot!



Men

Thanks for a marvelous posting! I really enjoyed reading it, you happen to be a great author.I will remember to bookmark your blog and will come back in the future. I want to encourage yourself to continue your great writing, have a nice afternoon!


article on this site very useful. thanks – Sedang mencari rumah minimalis ? baca artikel tentang Info rumah minimalis secara gratis


Finally, I’ve found what I’m searching in your post. I liked this so much..


The sweetness of the blogging and site-building engines in addition to CMS websites is actually the lack of constraints along with ease of adjustment which allows developers for you to implement prosperous information and also ‘skin’ the site such which having hardly any attempt you might by no means detect what exactly it’s generating your website tick almost all with out constraining information as well as performance.


I love your blog, i have it in my rss reader and always like new things coming out of this


I was very encouraged to find this site. I want to thank you for this special read. I definitely enjoyed every bit of it and I ve marked you to check out new stuff you write.


Although I am not a noob in the website industry, your site is really unique and has some useful ideas. Enjoy to the fullest! I, ll put in my blogroll, I will give more value to my visitors.


Super blog post, I count on updates by you.


Finally, a topic that fascinates me. That I am looking for information of this caliber for several hours. Your site is greatly appreciated.


Thank you for another essential article. Where else can you get this kind of information in such a complete way to write? I have a presentation next week, and I am in search of such information.


The beauty of these blogging engines and CMS platforms is the lack of limitations and ease of manipulation that allows developers to implement rich content and skin the site in such a way that with very little effort is how I see it makes this site tick all without limiting content and effectiveness.


This is the perfect blog for anyone who wants to know about this topic. You know so much it s almost difficult to argue with you (not that I really want . haha). You definitely put a new spin on a topic that has been written over the years. Great stuff, just great!


This is a smart blog. I m serious. You have so much knowledge about this issue, and so much passion. You also know how to make people rally behind it, obviously from the responses. You have a design here that is not too flashy, but makes up for what you say statement. Great job, in fact.


What you say is absolutely true. I know that everybody must say the same thing, but I think you put it in a way that everyone can understand. I also love the images you put in here. They are very fit with what you say. I m sure you ll reach so many people with what you say.


Ah, this is a great message. In theory I d like to write like this too taking time and real effort to make a good article . but what can I say . I procrastinate a lot and never do anything.


Note that this post is actually remarkable sweet theme. I harmonize conclusions and will eagerly expect incoming updates. Saying thanks can not just sufficient, for the wonderful clarity in your writing. I will immediately grab your rss feed to stay informed of any updates. Exemplary job and much success in your business! Please forgive my poor English as it is not my first language.


Let me start by saying wonderful message. Not sure if this has been discussed about, but when using Chrome I can never get the entire site to load without refreshing many times. Could be my computer. Thank you.


Great stuff from you, man. I ve read your stuff before and you re too awesome. I love what you ve got here, love what you say and how you say it. You make it enjoyable and you still can stay smart. I can not wait to read more from you. It is really a great blog.


It does not have? U can write better. Reading this post reminds me of my old roommate! He always talked about it. I will forward this article to him. Pretty sure he will have a good read. Thank you for sharing!


Resources such as you mentioned here will be very useful to me! I will post a link to this page on my blog. I am sure my visitors will find that the most useful.


I think it would be a boring old post, but it really compensated for my time. I will post a link to this page on my blog. I am sure my visitors will find that the most useful


Great post! ? I started out in the media community management marketing and trying to learn how to do it well resources like this article very helpful. As our company is based in the U. S. , it? S all a bit new to us. The example above is something that worries me as well, how to show your enthusiasm and share the fact that your product is useful in this regard


Hrmm that was weird, my comment feed. However, I would say it is good to know that someone else also mentioned this as I had trouble finding the same information elsewhere. This was the first place that gave me the answer. Thank you.


I must admit that this is one great insight. Of course, giving the company the opportunity to get on the ground floor and really take part in creating something special and tailored to their needs.


This is a really good read for me, must admit that you are one of the best bloggers I saw. Thanks for posting this informative article.


You do not intend to do so, but I think it has managed to express the state of mind that a lot of people entering Taste want to help, but not knowing how or where, is something a lot of us are going through.


Has a very useful blog I have been here reading for about an hour. I am a newbie and your success is very much an inspiration for me.


This article gives the light in which we can observe the reality. It is very nice and gives in depth information. Thank you for this wonderful article


Keep em coming . you all do a great job at such concepts . can not tell you how much I, for one appreciate all you do!


Thank you for taking the time to discuss this, I feel strongly about and want to learn more about this topic. If possible, as you gain experience, would you mind updating your blog take with more information? It is extremely useful for me.


Hi webmaster, commentators and others! Blog is absolutely fantastic! Plenty of information and inspiration, both of which we all need! B Keep em coming . you all do a great job at such concepts . I can not tell you how much I, for one appreciate all you do!


Pretty good post. I just stumbled upon your blog and wanted to say that I really enjoyed reading your blog. Either way I subscribe to your feed and I hope you post again soon.


That fantabulous post this has been. Seen in this type associated with useful post method. I thank you and hope more associated with posts such as. Much obliged.


Wow, this is a post that is really good quality. In my theory, ODA to write like this too, time and real effort to make a good recovery after IA. but what can I say. Procrastinate a lot and never appear to get something done.


I admit, I have not been to the site in a long time. however it was another pleasure to look at it is, even professionals important topic and ignored by a lot like that. I thank you for helping to make people more aware of the possible issueExcellent things as typical.


Interesting topic for a blog. I have searched the Internet for fun and came across your website. Fantastic post. Thank you for sharing your knowledge! It s good to see that some people still put effort into managing their websites. I will make sure


I am very satisfied with this post you have given us. This is really good work done by you. Thank you and looking for more posts


I love your blog, i have it in my rss reader and always new things that come of it


I must say that I was impressed. Very rarely do I come across a blog that is both educational and entertaining touch. Just letting you know that you have most definatly hit the nail on the head. Your mind is ideal. Thx is all I can say.


In fact, I learned about all this, but with that in mind, I think it is still useful. Good work!


Hello I found your blog by mistake when i was searching AOL for this subject, I must tell you that your blog is really helpful I also love the design, which is great that!


With the whole thing that seems to be developing within subjects, all scenes are generally quite refreshing. Even so, I apologize, but I can not subscribe to the whole plan, all be it exhilarating nonetheless. Looks like all your opinions are generally not completely justified and in reality you are generally yourself not really fully convinced of the argument. In any case, I do not appreciate a look.


I see you put a lot of work on this site! Keep writing!


Although I am not a noob in the website industry, your site is really unique and has some useful ideas. Enjoy it fully! I ll put on my blogroll I think it will give more value to visitors.


This is a great resource that you are providing and you give it away for free. I enjoy seeing websites that understand the value of providing a major resource for free. I really loved reading your post. Thank you!


Super blog post, I count on updates by you.


“%KW%”


Leave a Comment