Archive for February, 2010

Creating a Chumby Configuration Widget

Friday, February 26th, 2010

In my last post, we quickly went over Writing your first Chumby widget. This time, we’ll expand on that by adding a configuration widget.

A configuration widget is another Flash file that sets up parameters for your Chumby widget, so those settings are available when the widget loads into your Chumby. For example, perhapse you have an analog clock widget. You could create a configuration widget that allows someone to choose a color for the face of the clock, or whether or not to display the second hand. The user could choose a color and save their preferences in the Chumby database. Then, when their Chumby loads your clock widget, it would look for and download any settings for that widget.

Here’s what we’ll need:

(more…)


2010 Web Design Trend: Speaking Navigation

Thursday, February 25th, 2010

For some, one word navigational links simply aren’t clear enough. Designers are now trying to explain, in a short snippet, what the visitor should expect to see upon clicking on a link. This additional short phrase has been coined as “speaking navigation,” as opposed to “silent” navigation which follows the traditional style of using keywords to represent a group of information. The end goal in this method is to create a more effective communication style with site visitors. If content can be clarified, navigation will be simplified for the user and could potentially generate increased traffic through the site. Check out the examples below of speaking navigation:

Sifter

Sifter

Lift Interactive

Lift Interactive

AgentPoint

AgentPoint

Lennon Bus

Lennon Bus

You Version

You Version

Dishizzle

Dishizzle

goodbytes

goodbytes


A Very Nerdy Birthday

Wednesday, February 24th, 2010

It was just a few days ago when Justin, our lead developer had a birthday. Us nerds in the dev department (aka… me) know just how to celebrate.

Write a python script that has ascii animation of a birthday dance!

Here’s a zip file with the python scripts in it. To run it on your computer, make sure that you have python installed, and extract the files into their own directory. If double clicking on justin.py doesn’t do anything (or it opens in notepad) then you can run it easily with the console window. Just browse to the same directory and type “python justin.py” and it should start to work. I can answer any issues in the comments.

If you are looking for some more nerdy fun, check out the ASCIImator (http://asciimator.net/). Here you can build your own ASCII animation, watch other people’s animations, or visit the ASCII zoo! My favorite is karaboz’s “walking old stickman.” What’s yours?


If It Were Only This Easy…

Tuesday, February 23rd, 2010

I have always been a fan of stop-motion animation. I think back to Gumby and Rudolph and more recently, South Park and Robot Chicken. I have had aspirations of making my own some day involving Hot Wheels cars and Legos or capturing just how fast the bamboo in my backyard grows per day but have never gotten around to it.

Today, I ran across this video made for competition AdobeYouGC which I believe is an Italian contest and is for User Generated Content created with Adobe products. It really inspired me. It is the simulation of a tutorial which shows how to make butter cookies with the “new” Adobe Photoshop Cook Extended. If it was this easy to make food, I would probably make dinner every night. Enjoy.

Adobe Photoshop Cook from Lait Noir on Vimeo.


Building your first Twitter application with PHP

Monday, February 22nd, 2010

I’ve written before about how great it is to work with a service that has a great API. Twitter was one of the tools that I talked about in that post and today I’m going to show you the basics of working with their API.

PHP is a great language for web applications, and it’s available with just about any web host. If you aren’t familiar with how PHP works, this tutorial will probably be a poor place to start. Today we are going to talk about how to work with the Twitter API and PHP, and you’ll need to know a few things about how PHP works to keep up. For a good refresher course on PHP, click here.

Click through and let’s get started!
(more…)


Espalier – Not Just For The French!

Friday, February 19th, 2010

Living in the temperate Pacific Northwest means Spring gets sprung earlier than in many other parts of the country. Already, we have flowering plums and cherries showing a bit of dainty pink as the sunny daffodils begin to unfurl from their winter slumber [Insert Screeching Noise Here].

</end bad prose>

Espalier is the art of growing ornamental or fruit bearing trees and shrubs horizontally.  Bending and shaping them while young to your will, which when you think about it, is kind of like raising children except, unless there’s a tornado in your back yard, your trees will never leave you for a woman in Germany. But, I digress again.

Even though I live on a double lot in the city, my preferred method of growing fruits is the Espalier. Not only is it decorative, it serves several useful functions as well. The fruit remains fully accessible from a standing position (for most of us) and the annual pruning becomes an art project. (more…)


Getting organized can be fun again!

Thursday, February 18th, 2010

My todo lists are ugly, to say the least. They involve scribbles, long lists with random hierarchy and highlighted and crossed out tasks. This week two of my coworkers turned me on to a few more aesthetically pleasing ways to stay organized, by way of two lovely user friendly websites.

Enter The Printable CEO Series, compliments of David Seah. The site offers valuable resources, including printable task sheets and guidance to boot. Printable materials include the Concrete Goals Tracker, Task Progress Tracker, Emergent Task Planner and the Task Order Up.

TeuxDeux.com offers a digital solution in the form of a good to look at desktop application free for download. Say the creators,  “The idea was to build a bare-bones, but visually compelling and highly usable to-do app based on Tina’s personal ideal work-flow.” Features include a week overview, create/delete/move tasks and a friendly “someday bucket”. Details can be found here.

It would seem that with options like these and most likely many many more available, gone are the days of missed deadlines, forgettable tasks, understandable excuses  and plowing through one’s day with no particular direction or goal in mind. Read ‘em and weep, my friends.


A LOVE-ly Redesign

Wednesday, February 17th, 2010

VLN_Presentation_01.inddRedesign Valentines Day? Where do you start? The creepy cupid? The cheesy, over the top combination of red and pink, hearts and roses, teddy bears and love birds? Accepting a challenge from Public Radio’s Studio 360, the husband and wife design team at Under Consideration started with the classic heart shape. They approached the project as they would any redesign project and began by defining the problem and establishing goals. Once they determined their goals they went on to create a simple, universal mark to represent Valentines day. They then developed a new color palette and revamped traditions. You may like, hate or maybe even LOVE this v-day makeover. I personally am loving the new color palette, the return to home made cards and especially the “hand-branded” sticky notes used to leave unexpected notes on Valentine’s Day and maybe even all year for your special someone to find. Regarding the mark, I am a bit torn, I love the simplicity, I like the concept of starting with the heart, I appreciate that it also makes a “V” and enjoy the added benefit that the X-like shape reminds me using Xs to symbolize kisses. However, the mark in and of itself doesn’t give me the feeling of love or romance. But, regardless of how you feel about the final product, I think it is a great illustration of the rebranding process. Looking at the process in regards to such a well known, generic entity gives good insight into the process itself. For an in-depth look at the process check out the article on Brand New.


A Lorem Ipsum For Images

Tuesday, February 16th, 2010

exampleWhen I first started working in a true creative industry, it took a little time to understand the value of good copy writing.  Along the way, I found out about something called “Lorem Ipsum” text, or placeholder copy, mostly used in creative design, publishing and development to show what blocks of text would look like when placed on the web page or print item until proper copy could be produced.  This fake copy looks like the real thing, and gives a sense of the overall visual layout for the finished creative.  It looks kind of like Latin, but it is not.  When a web page needs this kind of treatment, I usually find this Lorem Ipsum Generator to do the trick quite nicely. (more…)


Evaluating the Buzz

Friday, February 12th, 2010

googlebuzzGoogle’s recent release of Buzz has been surrounded by hype and questions. Only a couple days after its release, it remains to be seen if this new social networking tool will actually take off.  Could it really become one of the social networking elite, or fall flat like Wave?

What is Buzz all about?
Currently, it shares a spot somewhere between Twitter and Facebook. It can be open to the public like Twitter, or updates can be private like Facebook. The API is open to developers in the same way Twitter is, but access is limited to those who own a Google account (similar to Facebook). You can send out short text updates to your followers, but it also has built-in media sharing capabilities such as: Twitter, Flickr, Blogger, Google Reader, Picasa, and YouTube. It only takes one click to tie in each service, as most of those services already belong to Google. You can have Buzz send out an update whenever you post to any of these services, or you can choose not to share. And just like Twitter and Facebook, Buzz is available on your phone to share from anywhere you happen to be. (more…)