Entries tagged “app.”

Super secret new Colorpeek features

 I’ve been waiting to blog about this till I had a chance to redesign Colorpeek to better communicate these features, but it’s been two weeks and I want to show off. My app, my rules, right? Here we go…

Drag and drop images

You can now drag and drop image files into Colorpeek and watch it magically grab the most prominent colors in supported browsers. This is helpful if you want to start a new palette from existing source imagery, and it’s possible thanks to Lokesh Dhakar’s awesome Color Thief script.

Export palette to various text formats

Let’s say you’ve got a rather attractive palette all ready to go, but you don’t want to copy and paste every value individually.

Now you can hit the share button and choose “Export.” You can copy the values in a few different formats: Plain text, JSON, LESS, SCSS or Stylus. Let me know if I’m missing a format you’d like!

Yada yada yada

I bumped Knockout to version 2.3.0 and updated the brand color keywords.

Wait, why are you still reading this? Go try it already!

Meet Colorpeek, a simple way to share and preview colors

When Tim Sears and I were almost done making Lotsa Blocks, we decided it might be fun to change the color of the blocks for seasonal holidays. Christmas blocks would be red and green, halloween blocks black and orange, etc.

Once I finished designing one of these color palettes in Illustrator, I had to send it to Tim. So I did what a lot of designers do: I threw together an image showing the colors and their corresponding hex values.

This worked fine, but the process was tedious for me to create and for Tim to reference (especially when he needed to convert them to RGB notation). I wanted a way to quickly and easily share colors without numerous steps, ongoing maintenance or even account creation.

I found a lot of great color-related apps (COLOURlovers, Palettee, color.hailpixel.com), but none that did exactly what I wanted.

So I made one. It’s called Colorpeek.

Now I can send Tim a link to the colors I want: colorpeek.com/#a899f2,dd4e85,4dc45e,6da7e8

And if he needs RGB, it’s as easy as tapping or clicking the cog icon and changing the notation.

 Colorpeek will accept just about any CSS color value, including hex (triplet or shorthand), RGB, RGBA, HSL and HSLA. It will convert color keywords like indigo or lightslategray to hex. It also supports many brand colors as keywords, so you can easily add facebook, android or wordpressorange to your palettes.

This being a 1.0 release, I tried hard to include only features I find to be critical. I hope to add more things from my list of “wants” to future iterations (copy to clipboard, transitions/animations, color picker, color editing, palette export options, to name a few).

If you have ideas for making Colorpeek better while retaining its simplicity, please let me know.

I want to thank Marc Roman for designing the Colorpeek logo, Erik Jung for helping me learn Knockout, my Cloud Four teammates for their support, encouragement and access to the device lab, and everyone who offered feedback or advice for my little side project.

You can follow me and/or @Colorpeek on Twitter for updates.

Lotsa Blocks, my second game for iOS, is available now!

Man, what a crazy year! I got married, started a new opportunity and, as of today, launched the second game from Backabit, Lotsa Blocks. You can buy it for your iPhone or iPad right now!

We started working on Lotsa Blocks around the time we were finishing the universal update for Ramps. Our intention was to make this a much smaller game, something we could finish in about three months. Once we got into it, we were having too much fun to hold ourselves back! In the end, I designed about 278% more design assets for Lotsa Blocks than I did for Ramps. This one really stretched my cartooning muscles! You can take a peek at that process on Dribbble.

Like Ramps, we really made this game for ourselves, but that doesn’t mean we don’t want others to dig it. Please give it a try and let us know what you think.

If you’d like to see the game in action and hear a bit of the thought that went into it, Tim posted this nifty hands-on video on the Backabit blog earlier this week:

Best web design app ever

This is my feature request list for an honest-to-goodness visual design tool for the web. Adobe Fireworks debuted thirteen years ago, so maybe someone’s working on it right now. The web’s magic like that!

In no particular order and with absolutely no feasibility research…

  • Browser type previews (“Safari on OS X,” “IE8 on Windows 7,” etc.)
  • Straightforward effects palette but with support for re-ordering and repeated effects
  • CSS code snippets for effects (shadows, gradients, etc.)
  • Vector objects with pixel snapping
  • Smart objects but with optional file linking (with automatic updates)
  • Integrated grid builder
  • Object styles, library assets and interaction states (hover, active, focus, target, custom)
  • Project files with support for multiple pages with multiple layouts
  • Browser-viewable design previews with Recurse-style background image stretching
  • Google Web Font previewing (maybe even Typekit with a paid account?)

What do you think? Are these pipe dreams?

Thanks Calvin, Erik and David for ideas and inspiration!