Pretty Fly Website

A while ago Google released the new Beta version of their Chrome browser. It now has support for extensions. Not only that is great news, what even better is that extensions are pretty easy to write using plain HTML, CSS and JavaScript. I decided to make a little experiment myself and used jQuery UI for the extension.

A extensions for Chrome only needs a few files:

• A manifest.json This holds information about the extension like name and version.
• A popup page, options page or background page (all of them or anyone off them);
• An icon
• Extra assets like images, CSS and JS.

Read the Getting started tutorial for more information about developing extensions.

I made a little demo extension with the use of JQuery UI for some eye candy and just to see if it works. Good news it does! Bad news too some extend. You can down load the zip file or view the source online.

I haven’t fully tested all widgets jQuery UI provides yet, but I can tell you there are some issues with the accordion, you need to set autoResize to false for it too work, Dialog doesn’t display properly in a popup since Chrome does not resize the window if needed and I noticed some issues with the Datepicker in a popup aswell.

1. auddrey says:

   June 19, 2011 at 6:03 pm

   This is great tutorial