Archive for February, 2010

Zoom Creates a Self Promo—For Reel

Thursday, February 11th, 2010

Yesterday our amazingly talented, patient, smart, nerdy, impatient, committed, ingenious, thoughtful, creative, resourceful and brilliant development team put the finishing touches on the Zoom Creates self-promo reel. These guys are absolutely unbelievable. We described our vision for the reel and they told us: “That’s impossible. You can’t do that. The technology doesn’t exist. You cannot change the laws of physics. We will need super-computers, expensive software, years to write code, more chips, salsa and milkshakes than you can afford.” Then, five minutes later (slight exaggeration) came back to us with a solution–an ingenious solution: open-source software. The only hitch was they had to teach themselves how to use it. And that they did. They figured out how to use Blender for the 3d animation and Kdenlive for the video post processing. Sprinkle in some Flash and great ideas of their own (watch the mouse pointer jump from one panel to the next and the animated atom) and there is no stopping these guys.

They even used math! Lots of math. That was the most mind-boggling thing I witnessed. I like math and all but if it were me putting this thing together, I think I would have approached it more organically, finding the music then individually timing and positioning the pieces. Not these guys. After the look and feel/animation comps were completed, they looked at the music, the number of pieces and the frame rate etc. and gave each piece a number and had it all laid out on a table with little pieces of paper. Independently, Kurtis worked on the music while Kris positioned all the pieces and when they put them both together, it was like magic. The animation synced up with the music almost perfectly. It was unbelievable. These guys know what they talking about. Well done, lads.

This entire project has been such a great team effort. Everyone here at Zoom Creates contributed. The countless hours of concepting, discussing, designing, scheduling, production, learning, listening, laughing and collaborating have truly produced a project to be proud of. Not only does it show off some of Zoom’s best work, it is a portfolio piece in itself.


Things Mrs. Knightly Loves

Wednesday, February 10th, 2010

Besides my love of most things vintage and chicken-ish, there is also my love of music.

Mrs. Knightly remembers way back when music was cumbersome and not at all portable. After a while, it got more portable, but much less potable, as in it was difficult for folks to cart around a 3′ long boom box with enough cordage; and even if you did manage to plug it in or insert 89 ‘D’ batteries in it, the sound just wasn’t all that great. Not like the Old Style Cabinet Stereos, but I digress.

For my birthday last year, I was gifted with two items  which have become dear to me. One of them was an iPod Classic and the other was this:

Bose Sound Dock Series II

I’ve always been a Bose fan. I’ve had them installed in my cars and for years, (okay, decades) I hauled around a pair of 20x20x30′s because I just couldn’t bear to part with them.

But this? This thing is magic. It’s like having four 20x20x30′s strategically placed around the house, and yet? It’s the size of a small toaster. I took it to Mexico and got looks of approval from customs. They knew. And now you do too!

And because he was a fan of Bose (or just played one on the radio), and I miss him, I bring you Paul Harvey.

Good Day!

Mrs. Knightly


Winning at Working: Fact or opinion?

Tuesday, February 9th, 2010

0402000776-lAnother gem from Nan Russell’s ongoing series, Winning at Working:

“You ain’t going nowhere, son. You ought to go back to drivin’ a truck.” What if Elvis believed this Grand Ole Opry manager’s critique after his l954 performance? Or the Beatles listened in 1962 when Decca Recording Company responded, “We don’t like their sound. Groups of guitars are on the way out.”

What if Rudyard Kipling quit writing when the San Francisco Examiner told him, “I’m sorry, but you just don’t know how to use the English language.” Or as a struggling artist, Walt Disney took seriously the words of a prospective employer to “try another line of work” because he “didn’t have any creative, original ideas.”

What if ten year old Albert Einstein believed his teacher’s words, “you will never amount to much.” Or opera star, Enrico Caruso, gave up singing after his first vocal teacher counseled, “your voice sounds like wind whistling through a window.”

Thankfully, they didn’t believe what they were told. But many of us do. We accept someone else’s opinion as our fact. We allow others to determine what we believe about ourselves, what we aspire to achieve, what we dream and what we become. Others people’s limiting beliefs about us become our own as we give them power over our life.

But, Jack Canfield and Mark Victor Hansen didn’t. Their “Chicken Soup for the Soul” series, now with 65 titles, has sold more than 80 million copies in 27 languages. Not bad for an anthology rejected by 33 major publishing houses in the first month, receiving more than 140 total rejections before their agent gave it back to them saying “I can’t sell this book.” Only by going booth to booth and pitching their vision to editors at a booksellers’ convention did they finally find a small publisher who said yes..

Their passion about their work and its message kept them going. Passion kept Disney and Einstein and Kipling going, too. That’s because passion is the most powerful self-motivator any of us can have. It’s what drives us to use our talents and abilities. It’s the one criteria I’ve found most helpful when selecting people in my twenty years of management. You can teach most skills. But you can’t teach passion.

People who are winning at working believe in themselves and their dreams. They’re not likely to view setbacks as failures, roadblocks as dead-ends, or negative critique as fatal. It’s their passion that keeps them going when others give up. It’s their passion that provides strength of purpose, resilience, persistence and the confidence to keep trying.  It’s their passion that helps them differentiate between opinion and fact about who they are and what they can do with their life. It’s their passion that guides them.

Like Babe Ruth said, “It’s hard to beat a person who never gives up.” When you are passionate about your work, your dreams and your life, you don’t give up.

(c) 2010 Nan S. Russell.  All Rights Reserved.


2010 Web Design Trend: Icons

Tuesday, February 9th, 2010

The use of icons is getting big in modern web design. Icons are being employed to enhance the user experience, allowing for better visual recognition of elements on a page. Today’s icons are extremely stylized, far from old-school clip art of the past. If it is well designed, an icon can make a great visual impression as well as enhance the look of your site design. An effective icon will give a clear meaning to the user and allow them to easily spot what they need faster than from standalone text. Though icons are great for usability, too many icons can distract the user and get confusing. Today’s focus is on using icons more sparingly and giving the icons you do use higher-value locations. Fewer, more effective icons command attention and will be more appealing to the user. Check out the examples below of excellent uses of modern icons:

FreelanceSwitch

FreelanceSwitch

AshWebStudio

AshWebStudio

Curb Innovative

Curb Innovative

Artificial Studio

Artificial Studio

EnviroSpeakTV

EnviroSpeakTV

Dishizzle

Dishizzle

Macrabbit

Macrabbit

Media Temple

Media Temple

SMS Parking

SMS Parking


Neue school

Monday, February 8th, 2010

Helvetica_OldVNeueI just finished reading Travis Neilson’s article comparing Helvetica and Helvetica Neue and found it very interesting and informative. I have long used Helvetica Neue but mainly because we own the entire font family — not because I actually knew what the differences were and preferred this version. The article does a great job of analyzing those differences and showing them visually. You can also download the full study if you would like to compare letterforms not shown in the article. ITC also has a good article which outlines the changes that were made when this classic family was reworked in 1983. I was really surprised to see how much softness was added to the rounded characters (like “e” and “o”). The effect gives Helvetica Neue a much more cohesive feel. So, I personally will be sticking with Neue. But whether you are Old School or Neue School, this makes for an interesting comparison.


Alternate Sleep Schedules

Friday, February 5th, 2010

pieHave you ever felt like there just wasn’t enough time in the day to get everything done?  Do you have a bunch of projects that are just waiting for you to pick them up someday, never knowing when that day is?  Do you feel like you want to be more productive, but don’t know what to do?  I suggest trying out the Everyman Sleep Schedule.

I’m no expert in the science sleep, but from what I’ve read, this sleep schedule isn’t going to drive you mad or give you narcolepsy. There are tons of people out there that feel much better after taking a nap, and with the everyman sleep schedule, you take more naps to spread your sleeping out across 24 hours. Here’s how it works:

You need to find the right time for you for your “core” sleep. This is three hours of uninterrupted sleep that should happen at the same time every night. Then, you spread three 20 minute naps out across the rest of your day, about 5 hours apart from each other. This give you a total of 4 hours of sleep, but when it’s spread out like this, you are constantly refueling your body to keep on going. So now you will get back anywhere from 2-4 hours each night to work on all the different things you’ve been putting off.

I’ve been living the Everyman Sleep Schedule for about 4 days now and it’s amazing how fast your body can get used to it. I wasn’t sure how long it would take me to acclimate but it’s been mostly painless. Yesterday I was pretty tired, but today I’m feeling great. My schedule is core sleep from 4AM to 7AM when i get up and go to work. Then I take my first nap around noon, during my lunch break. Next I take a nap when I get home around 5pm, and take my final nap around 11pm. It’s been fun, and I’ve been learning a lot during the off hours of the day. I’m going to continue this experiment for a while and keep everyone updated.

If you are interested in this, click here or here to read more about this and other alternate sleep schedules. Let me know in the comments if you’ve tried this before, or are thinking about starting. You won’t believe what 2-4 more hours each day can do for you!


Utilizing Google AJAX APIs CDN

Wednesday, February 3rd, 2010

jqueryWhen using JavaScript libraries to perform a function on a public-facing web site, the traditional way of referencing your library is using something like this:

<script src="/js/jQuery.min.js" type="text/javascript"></script>

Here, we are loading a jQuery library in to the HTML header for future use on the web page.  This means each time you want to use the jQuery library (or any other JavaScript library) on your new web site, you must download the latest version, upload it to your server, and then reference it here.  This technique works well enough, but lets explore a better way to perform this same library load.  We’ll do it in a way which will help us with version control, decreased latency, and better caching. How? By utilizing a CDN (content delivery network).

Below is an example on how to go about using the Google AJAX Libraries CDN, using jQuery as the library to load. (more…)


Challenge Update with Adobe Illustrator Tips

Tuesday, February 2nd, 2010

014-Paper-Letters-vs-the-AbyssAt the beginning of last month, as a new year’s resolution, I accepted Smashing Magazine’s Design Something Every Day challenge. I am happy to report that I have not fallen off the wagon. I have created and posted to Holodek 365, my blog, every day since January 1. Let me tell you, it is quite a commitment. It is not as easy to find time every day as I thought it would be, but the persistence seems to be paying off.

My thought for the first month was to strictly do Adobe Illustrator tutorials. These became something to fall back on when I was feeling uninspired which so far has been about half the time. I cannot believe all I have learned from following these few tutorials—everything from basic commands that I should know (or have just forgotten) to advanced techniques.  Thought I would share a few of the simpler ones because they have come in super handy since I relearned/discovered them.

To scale just the pattern that has filled a shape, select the shape, bring up the scale tool’s dialog box by double clicking on the tool in the toolbar and check only Patterns in the Options section and then type in a scale percentage.

pattern

Cycle through color models in the color panel by shift clicking the spectrum bar at the bottom of the panel.

cycle

Option + Command click and drag a slider in the color panel to move the other sliders in relation to it. This keeps similar color but with a different tint or intensity. (Especially helpful in RGB mode when creating a gray.)

click-and-drag

Make a layer a “Template ” layer buy selecting Template from the Layer Panel’s fly-out menu. This will lock the layer and make the graphic transparent for easy tracing.

template-layer

16 two-color gradients are much more manageable than one 17 color gradient.

gradients

I have also learned that sometimes rasters have their place in Illustrator (especially drop shadows). Most the rasters I used were eventually vectorized and/or live traced to achieve some great effects I never thought possible.

Hope you find this useful. Here’s to another successful and productive 333 days.


Writing your first Chumby widget

Monday, February 1st, 2010

tic-toc-goes-the-clockSo, you got your first Chumby and have browsed through the 1500 open source widgets, and now you’re ready to contribute to the open source community by writing your own widget. There’s lots of resources out there, so we’ll just cover the basics here.

Here’s what you need:

  • A Chumby
  • Adobe Flash or other developing environment for creating SWF files
  • An account at Chumby.com

Open up Flash. Set your size to 320 x 240 and frame rate to 12 frames per second. In Publish Settings, set the Player to Flash Player 8 and the Script to ActionScript 2.0. Chumby allows widget up to 100kb in size, which is plenty of room for code, but can get tight when working with audio and video.

For this tutorial, we’ll make an analog clock. But there are hundreds of clocks already! Yes there are, but I like to have every other widget be a clock, and I’ve only found about a dozen clocks that I really like. That is one of its primary functions, after all.

First of all, set up your assets. You’ll need three clock hands, positioned in the center of the stage, with the registration point properly set. Name them hourHand_mc, minuteHand_mc, and secondhand_mc.

OK, now the code:

onEnterFrame = function() {
	dt = new Date();
	//set hour hand
	hrs = dt.getHours()+dt.getMinutes()/60+dt.getSeconds()/3600;
	angle = hrs*30;
	if (angle!=hourHand_mc._rotation) {
		hourHand _mc._rotation = angle;
	}
	//set minute hand
	mns = dt.getMinutes()+dt.getSeconds()/60;
	angle = mns*6;
	if (angle!=minuteHand_mc._rotation) {
		minuteHand _mc._rotation = angle;
	}
	//set second hand
	scs = dt.getSeconds();
	angle = scs*6;
	if (angle!=secondHand_mc._rotation) {
		secondHand _mc._rotation = angle;
	}
}

Let’s break it down. On each frame we create a new date object. Then we get the hours of the date object. We also add in the minutes and seconds because we want the hour hand to move a tiny bit every second, not just once an hour. Next we convert the hours into degrees by multiplying by 30. (360 degrees per 12 hours makes 30 degrees per hour). Next we check if the hour hand needs to be changed. It should only be changed once every 12 frames, not every frame. Using this if statement prevents unnecessary redrawing of the screen, which can save processing time and make a widget run more smoothly. Though, you’ll probably not notice any difference in this simple example.

The minute hand and second hand go through the same process.

OK, save it, publish it, and upload it to Chumby.com, but don’t make it public yet. Add it to a channel on your chumby and try it out. You’ll undoubtedly find lots of things to tweak with your clock. Did you even give your clock a face? Maybe it needs a tick sound, or a gong on every hour. Maybe you don’t want a typical analog clock. Changing the code for a digital clock should be pretty easy.

This is a simple example, but it should get you on your way. In my next post, I’ll write about creating a configuration file, and playing with the accelerometer. (unless I forget or change my mind). Until then, make a cool clock.