Aliso the Geek » icons http://alisothegeek.com Eliminating excuses for crappy code. Sun, 18 Jul 2010 18:51:17 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Transmit 4 has a brand new look (and icon) http://alisothegeek.com/2010/04/27/transmit-4-brand-new-look/ http://alisothegeek.com/2010/04/27/transmit-4-brand-new-look/#comments Tue, 27 Apr 2010 17:45:30 +0000 Alison http://alisothegeek.com/?p=779

Transmit is my favorite FTP client for the Mac. It has been ever since I bought Transmit 3 back in 2006. Well folks, the day has finally come for Transmit 4! I won’t be commenting on its features at all—for that, you can go to their website—but I will be pointing out their awesome new app icon. Even that got an upgrade!

Transmit 3’s icon:

Transmit 4’s icon:

Vroom vroom!

Related Posts

]]> http://alisothegeek.com/2010/04/27/transmit-4-brand-new-look/feed/ 1 Fugue Sprite background-positioning fixed http://alisothegeek.com/2009/10/30/fugue-sprite-background-positioning-fixed/ http://alisothegeek.com/2009/10/30/fugue-sprite-background-positioning-fixed/#comments Fri, 30 Oct 2009 19:53:08 +0000 Alison http://alisothegeek.com/?p=472

A friend alerted me to the fact that some browsers weren’t showing the Fugue Sprite properly: everything was showing up as the topmost icon in the image (for example, the first 100 sprites all had the Address Book icon).

I did fix it, and I uploaded the new CSS to both my demo page and the ZIP file. Enjoy!

Fugue Sprite CSS (684 KB)

Related Posts

]]> http://alisothegeek.com/2009/10/30/fugue-sprite-background-positioning-fixed/feed/ 0 Fugue Sprite CSS http://alisothegeek.com/2009/10/23/fugue-sprite-css/ http://alisothegeek.com/2009/10/23/fugue-sprite-css/#comments Sat, 24 Oct 2009 01:09:21 +0000 Alison http://alisothegeek.com/?p=462

Any Blueprint users out there have probably heard of SilkSprite, a plugin for Blueprint that provides easy access to the entire Silk Icon Set from famfamfam. It’s basically a CSS file and a single image that you can use in any website, whether or not you use Blueprint.

I came across the Fugue icon set a few months ago, and I’m using is often enough that I decided to make something similar to the SilkSprite. I created the Fugue Sprite: a CSS file & set of images that provides easy access to all 2,330 Fugue icons.

To use it, just unzip the file and upload that folder to your server. Then link to the stylesheet. Voilà! Now you can use the Fugue class names on any element in your website to give it a left-aligned background of that Fugue icon, with 20 pixels of padding on the left.

Make sure the images stay in the same folder as the stylesheet.

The Fugue icon set is released under the Creative Commons Attribution 3.0 license, so if you use it, be sure to provide a link back to Pinvoke giving them credit for the icons. Enjoy!

Fugue Sprite CSS (684 KB)

View the complete set of icons & classes.

Related Posts

]]> http://alisothegeek.com/2009/10/23/fugue-sprite-css/feed/ 7