Archive for ‘icons’ category

New Icons: Boxtrot and Ballroom SuperPack

We’re once again happy to announce a new icon set for sale over at our IconShoppe. It’s called Boxtrot, and it’s a simple little set of perfectly square icons that come in 7 colors, 3 sizes and 2 formats (GIF and PNG). It’s also reasonably priced at just thirty-nine bucks.

Boxtrot icons sample

The new set is based off the previously released Disco and Square Dance sets. Also released today is the Ballroom SuperPack, which includes all three sets at a discount of over 30% (and similar to our Chameleon SuperPack which is another way of getting multiple sets in one discounted purchase).

If you’ve already bought Disco and/or Square Dance and wish to purchase the SuperPack, let us know and we’ll send instructions on getting an additional discount.

Here’s to fresh pixels in 2009!

Charge Tee

Charge TeeIt’s been awhile since we designed a t-shirt, and today we’re happy to announce the fresh-off-the-presses and just-in-time-for-the-holidays Charge Tee: a simple black battery icon screen-printed on an athletic grey Tri-Blend shirt from American Apparel. The Tri-Blend is the softest, most comfortable shirt I’ve owned. And you’ll love it too. Wear it to the gym, coffeeshop, pub—or wherever you recharge.
The shirts (like previous designs) were printed by Acme Prints in Arizona, and will be hand-packed by myself, Meagan, or anyone else we can coax into helping.

New at the Iconshoppe: Square Dance

Last month, we launched Disco, and today we’re happy to announce the second installment of the Ballroom Family of stock web icons over at the IconShoppe. It’s called Square Dance, and it’s a simple little set of rounded-square icons that come in 7 colors, 3 sizes and 2 formats (GIF and PNG). And just like Disco, it’s also reasonably priced at just thirty-nine bucks.

Square Dance icons sample

I’ve been meaning to put more time into stocking the shelves of the ‘Shoppe for a while now, and Meagan has been handling the meticulous color/format production of these new sets, with more to come.

New at the IconShoppe: Disco

We’re happy to announce a brand spanking new icon set for sale over at the IconShoppe. It’s called Disco, and it’s a simple little set of disc-shaped icons that come in 7 colors, 3 sizes and 2 formats (GIF and PNG). It’s also reasonably priced at just thirty-nine bucks.

Disco icons sample

The IconShoppe has been offering our hand-crafted web icons to go for designers and site owners. We’re excited to finally add a new family to the shelves, with more to come in the coming months.

Also, going on sale today is Chameleon16, a TrueType pixel font for Mac and Windows that’s inspired by the Chameleon family of color-changing icons we’ve been serving since 2005. Now at just $19 USD, Chameleon16 is now the cheapest way to get the Chameleon Original set of icons (plus alphanumeric characters!).

DingBit

I’m pleased to announce a new product shipping today over at the IconShoppe. Chameleon16 is a new pixel font for Mac and Windows, hand-crafted using only the finest pixels available. It’s based on the Chameleon Original icons that we’ve been hocking over here to support our growing latte addiction.
Chameleon16 sampleInitially, I’d thought to just convert the GIF images to a bitmap font so that the customer could change the color and add effects at will. The minimalist nature of the icons begs of it, and having the 16×16 icons in font format would sure be handy. But while I was at it, why not create new _alphanumeric_ characters to go along with it, and create a real font in the same style?
As the name suggests, Chameleon16 is designed to be used at 16px. And like its pixel font predecessors, it also works at multiples of that base (32px, 48px, 64px, etc.) for retro, extra blocky goodness.
Chameleon sampleSince each character is a 16×16 tile, it admittedly has limited use for setting large chunks of text. You’re not going to use this font to display client invoices or proposals. But interesting things can happen when you start playing with kerning and line height, and I’m excited to see some interesting applications where it could be used creatively.
The TrueType font includes standard alphanumeric characters as well as the entire Chameleon Original icon set as alternate characters and costs just $39 bucks. As a special promotion, the first three orders also get a free copy of Bulletproof Web Design, Second Edition that hit store shelves last month First three orders received!.
h4. Special technical geek notes
The process of creating the font was a learning experience, and I would compare it (at times) to removing stubborn wallpaper. I first created the characters in Photoshop, then used a program called BitFonter to turn those into a bitmap font, assigning each character, adjusting metrics, etc.
Over the course of the last six months or so I began chipping away it, navigating the spotty documentation, and teaching myself the wonders of font metrics, character encoding and more. In the end, I needed to create additional outlines of the bitmap characters and export these into TypeTool which could then generate a proper TrueType file (after having problems letting BitFonter do this). If I knew what I was doing this wouldn’t have taken long.
I avoided using something like Fontographer (also by FontLab) because I was creating a bitmap font and BitFonter’s pixel editor seemed a natural choice — and for creating and editing _pixel_ fonts, it’s great (or at least slightly more intuitive). It’s the output and documentation that was confusing, and my respect for _real_ type designers has grown tenfold after this little project.
So, my advice for those looking to create their own pixel fonts: learn Fontographer, or remember that you’ll need TypeTool in order to generate a TrueType file from BitFonter’s outlines.

New Chunky Icons T-Shirt

t-shirtJust in time for Spring, the all-new Chunky Icons Tee is available, selling fast, and shipping immediately! This is a limited-editon run that includes a numbered, signed letterpressed card and free stickers. The shirt is printed by the fabulous folks at Acme Prints on “Army” American Apparel (of course). You will love it.

On the front are five icons lined up in a row (from the Chameleon Chunky stock icon set over at our IconShoppe). Your task is to come up with what they mean. Best answer added as a comment here wins a *free shirt* (comment before April 7, 2007 to enter). On the back yoke is a small SimpleBits logo mark. Just because.

More detailed views of the shirt are available in this Flickr photo set.

An Event Apart Boston

Don’t wait for An Event Apart to come to your city — just make plans to catch the next one wherever it is (Seattle is next). AEA Boston was probably the first two-day, single-track conference where I felt like _every_ session was extremely valuable. I came away from each presentation either inspired or educated (or both). The easy, 20 mile commute to Boston didn’t hurt either, and having Kerry and Jack see me speak for the first time was fantastic (at one point up on stage, I could hear “Dada!” from the back, and I’ll tell you … that calms the nerves).

Interface Design Juggling slidesI had fun talking about “Interface Design Juggling” — a potpourri of color, typography, favicons (yes, favicons!), microformats and bulletproofness. This was the first run through of this particular set of ideas, but I think it went pretty smoothly. I was relieved to hear several people thank me for devoting time to favicons — a fun topic that I think deserves more attention. And I’m looking forward to expanding that segment in the future.

The latest updated versions of the slide deck can be found here (in PDF form) for those that were in attendance. As usual, they might not make sense without the commentary — and more importantly some of the transitions are muddled into a single slide (Keynote kept crashing when I tried to export each transition into its own slide).

Thank you to Jeffrey and Eric for inviting me to speak — it was quite an honor to share the bill with such an amazing group.

IconShoppe Grand Opening

Without fail, I get more done when the work is _piled_ on. When stress is at a max and there are a million to-do items. But this was long overdue, and something I’ve been meaning to set up for a while for reasons I’ll go into in a minute. So, before I pack for Austin, I’m happy to have finished this off enough to flip the switch.

IconShoppeToday, IconShoppe opens it’s doors. I’ve finally spun off the stock web icons I’ve been selling here at SimpleBits into their own, proper digs. It’ll motivate me (hopefully) to put more time into *more icon sets* and some *other ideas* I’ve had brewing for a while. This “setting up shoppe” was the first necessary step.

That said, they’re the same simple little web icons I’ve been selling here for the last few years. But they now have a better framework in which to grow and a more easily maintainable system behind them (WordPress, customized).

Stay tuned for more, and grab the RSS feed to be alerted of new stuff happening over at the ‘Shoppe. I can’t say it’ll be updated _often_, but this is just a start, my friends.

New Icons: Chameleon Chunky and SuperPack

chameleon sampleWhile I was putting together an hCard example for next week’s Web Directions North presentation a while back, I whipped up a few icons that were Chameleon in spirit — but doubly thick. And so, *Chameleon Chunky* was born: the newest addition to the color-changing family of stock icon sets.

The extra-thickness of this style was a bit more challenging for some shapes, but the ability to add single pixel details makes for good contrast when using just one color. Like all the Chameleon sets, these are royalty-free stock icons that are customizable to fit your site’s color palette. Just punch in a hex color, hit a button and we’ll magically generate a custom-colored set for you immediately. Ah, the wonders of technology, and all for $25 USD.
If you’re feeling lazy or indecisive, a Ready-Made Pack is also available that includes 6 pre-selected colors for $35 USD.

Chameleon SuperPack

In addition to the new Chunky style, I’ve also put together a *SuperPack* of all four Ready-Made Packs in one convenient (and low-priced) bundle. For just $85 USD, you’ll get _all four styles_ in 6 different colors — _1,680_ icons in all. That’s a lot of pixels folks.

Hope you dig ‘em!