Video: Animating Gradients for 3D Look and Feel

Animating Button State Changes, the next episode in the gripping and suspenseful series CodeDependent, is now available from Adobe TV.

This show is a continuation of the previous CodeDependent episode, Animating Button State Changes, in which we saw how to animate some of the properties in a button's skin as it the button changed between states. In this espisode, we see how we might animate the look of a more graphical button as the user pushes on it, animating properties of gradients which give the object a 3D-ish look.

Here's the video:

Here is the demo application:

And here is the source code.

Finally, here's where you can find the CodeDependent videos on iTunes.

Enjoy.

Video: Animating Button State Changes

Animating Button State Changes, the next episode in the gripping and suspenseful series CodeDependent, is now available from Adobe TV.

This show is a continuation of the previous CodeDependent episode, in which we saw how differences in a component's state can be communicated to the user through visual changes in that state. In this espisode, we see how we can animate some of those visual changes by hacking some simple transitions into the standard Flex 4 button skin. This is a tutorial not only on how to add some simple animations for color and visibility changes, but also how to customize standard Flex components by editing the skin markup.

Here's the video:

Here is the demo application:

And here is the source code.

Finally, here's where you can find the CodeDependent videos on iTunes.

Enjoy.

Video: Visual Component State Feedback

Visual Component State Feedback, the next episode in the gripping and suspenseful series CodeDependent, is now available from Adobe TV.

This show covers some of the concepts around component state. In particular, I talk about different ways of giving visual feedback to the user about the current state of components, in this case the over and down state of a Button. I also take a detour and discuss (what else?) an animation of a temporary text label, including the use of disabling mouse events to fix some interaction artifacts that I encountered when writing the demo application.

Here's the video:

Here is the demo application:

And here is the source code.

Finally, here's where you can find the CodeDependent videos on iTunes.

Enjoy.

Drunk on Software 22: Sleeping on the Couch

Sometime last summer, I got together with Jon and James and talked about software, Flex, effects, and Marriott mice. It a slower, more contemplative DoS show. You'll probably feel a bit woozy yourself just watching it. From James's bear hat to his falling asleep at one point, to the mic getting turned off and us having to repeat a bunch of stuff, to the final entrance of a mouse at the end (a vermin omen, I'm sure), it has a lot to offer... to someone. I'm just not sure whom. If we had outtakes in DoS, this would be in them. Maybe when we release "Best of" compilations in the decades to come, it will be on the follow-on releases after we run out of hits, when we're just trying to make a buck any way we can to support our software habits.

Enjoy: www.drunkonsoftware.com/2009/12/20/episode-22-sleeping-on-the-couch.

Video: Animating a TextArea

Animating a TextArea, the next episode in the gripping and suspenseful series CodeDependent, is now available from Adobe TV.

This show shows how to animate scrolling in a TextArea component dynamically. We handle this automatically when you click in the track or on the buttons of a TextArea's scrollbar, but if you want to tell the component to scroll to a certain location in the viewport, and animate to that position, you have to do this yoursefl. We did something similar in last week's show, in which we animated a Scroller area, but in the case of TextArea we have to dive into ActionScript code to create and play the animations because of some constraints around which properties we can bind to from MXML.

Here's the video:

Here is the demo application:

And here is the source code.

Finally, here's where you can find the CodeDependent videos on iTunes.

Enjoy.

Video: Programmatic Scrolling Animation

Programmatic Scrolling Animation, the next episode in the gripping and suspenseful series CodeDependent, is now available from Adobe TV.

This show is about animating an Scroller area programmatically. By default, areas with scrollbars will animate when you click and hold on the scrollbar's track or up/down buttons. But if you just want to move to a new scroll position, these animations don't come into play, so you need a little something extra to get that nice animated effect.

Here's the video:

Here is the demo application:

And here is the source code.

Finally, here's where you can find the CodeDependent videos on iTunes.

Enjoy.

Video: Drunk On Software: Devoxx Edition

Ever wonder what this year's Devoxx conference was like after-hours? Well, even if you didn't, you might want to check out the latest video on Drunk on Software. This video is a collection of interviews and other clips I recorded that week whenever I happened to remember that I had brought along a video camera for that exact purpose.

Some of the clips are of dubious video and audio quality, owing to a combination of the equipment, the operator, the mood lighting and crowd noise in the bars and restaurants, and just possibly due to the fundamental concept behind Drunk on Software videos (a sobering thought). But I'll blame the lack of natural light in Belgium at this dark and miserably cold time of year because that's just more fun.

Thanks to everyone who helped out with the video, through interviews, filming, talking, and of course drinking.

Enjoy...

http://www.drunkonsoftware.com/2009/12/07/special-episode-devoxx-2009/