Monday, February 22, 2010

My First Chrome Extension - My Shortcuts


I threw together a Chrome extension a while back when extensions were only in the development build of Chrome.  Since then I've changed my extension quite a bit, and it now has around 4,000 weekly users.  

When I first put the extension together, it was a toolstrip on the bottom of the Chrome window.  These have since been removed in favor of BrowserActions, which are single buttons on the Chrome UI.


v. 1.0 - 1.2

I thought the toolstrip worked pretty well, but you can see how my extension would get out of hand with more than a few links.  I made the switch to using the BrowserActions, this was relatively simple, I just changed the layout to vertical.

v. 1.3

I've been making incremental changes over the last few week or so, to both speed it up and add features.  The most recent release v.2.0.3 includes a new feature that allows users to create their own links to go along with the included Google links.

v 2.1


The entire project was written with InType, which is an awesome Notepad replacement with tabs and syntax highlighting.  It works very well for javascript/css/html editing, though debugging must be done within Chrome.  Highly recommend this as a replacement for a quick text editor.


In making these changes I've tried to optimize the extension to make it as small and fast as possible.  I used Google Closure tools to minify the javascript with their Closure Compiler.  In order to do this I pulled all of my js code out of the popup and options pages and put them in their own script files.  The minification of my js files saved me a few kilobytes of space.


I was able to compress the stylesheet using CSSDrive's CSS Compressor, which only saved a few bytes, but helps nonetheless.


I ran all of my images through PunyPNG, which shrunk the overall image footprint, even though only half of my images saw any change.


I'll continue making changes and listening to the feedback from users and hopefully keep it current and usable.  Thanks for the support.


Get it here: http://bit.ly/MyShortcutsChrome

No comments:

Post a Comment