Interactive


No, no, not the way it sounds, but I do love the irony.

I’ll admit it.  I hate Flash.  I’ve hated it for years.  I hated it when it replaced Shockwave with a time-line based interface that bore every resemblance to every other time-line based interface, except that it didn’t behave like any other time-line based interface.  And not in a “wow, welcome to the future!” way either.  No more of a “uh… why doesn’t that just work intuitively?” way.  So we all had to start over and learn to fiddle with Adobe’s cryptic tool so we could create interactive pieces that were lighter than a .dcr.  Learning Flash was a pain.  You were especially challenged if you were already fluent with Director and After Effects – Flash looked like these apps but good luck finding any other similarity.   It was some screwed up parallel dimension.

So flash forward 12 years to iOS and the beginning of the end for Flash.  Career Flash developers understandably get their panties all bunched up about it, but those of us old enough to have been through this before knew Flash’s demise was inevitable. They all go poof eventually.  Naturally a suite of standardized, plug-in-free options arrived on the scene to replace the bulk of Flash’s output quite handily.  There is a delta of features still in Flash’s domain, but apart from the contentious promise of exporting iOS apps, they aren’t all that commonly required.

(Interactive Axiom #11: Never depend on a sole technology as the interface for your labor and source of your livelihood.)

The problem with the arrival of the new formats however, is that they are, well, still rather new.  There have been no development tools that allow us to create all the promised non-Flash interactive experiences without getting our hands all dirty with code.  That has limited development of rich HTML5 executions to only those which front-end developers are willing to bite off.

Enter Hype.  A frigging brilliant new tool that launched just last month from a fresh little start up called Tumult, Inc.

Hype is a no-coding-required GUI interface that allows you to create animated interactive experiences that may be saved as HTML5 web content (with CSS3 and Javascript) that will run not only on desktops, but smartphones (including Android and iPhone) and iPads too.  What’s more, the experiences take multiple browser conditions into account and gracefully adapt to the supported technologies.

Hype is a mere $29.99 in the Mac App Store (how much is Flash again?  Oh yeah, $699.00!)  And folks, it’s insanely easy.

After downloading Hype, naturally I did what I always do – I opened the app, didn’t read a word of the documentation, and started poking around.  In 3 minutes, by following intuition alone, I created graceful, looping animations that further changed based on mouse states.  I mean – literally in 3 minutes – a new user to the app.  Compare that to Flash – an opaque, lead-weight that a new user will beat his forehead flat with before he’ll get any intentional result on screen.

Honestly I’m humbled by what a great job the Tumult founders did with V1 of this app.  It is a well-thought out tool, the interfaces make sense, its features are richer than I have the patience to itemize here – but you can read about it on their site.

Ex-Flash developers may argue that Hype is light on extended features, but I think they will agree, based on the fit and finish of V1, that a year or two of further development will likely take care of that.

Yes, the near future of interactive web development just popped on the scene folks.  It’s called Hype, and in this case it’s a whole lot more than its name.

Check it out.

If you have a computer machine that’s connected to the interweb this week you have probably been sent a few messages from excited web enthusiasts containing links to compilations of subtly animated gifs. Some of them are very nicely done. Some less so. They generally involve pseudo-cinematic scenes looping at, gasp, reasonable frame-rates. The art in this approach to gif-crafting is in carefully compositing the discrete object in motion, and returning it to its start position gracefully such that the loop can repeat near seamlessly.

Red Sky gif circa 1997

Red Sky Interactive: Animated Gif, circa 1997

It’s an old trick. And yet I have just received a dozen of these messages.

Anecdotally, it would appear that animated gifs are weirdly blipping the viral radar this week. At least for certain web developers eager to do something “cool”. Most of the messages I received included suggestions that it would be so cool to “add this to our site(s)!”

Whoa whoa whoa. Guys, I can’t be the only one in the room old enough to remember the last time people hyperventilated up the animated gif flagpole, am I? It was around 1997, and your messages were worded exactly the same way. “We should totally do this on our site – it’s so cool.” Only back then you were talking about jerky rotating logos and offers that blinked. Now you’re talking about hair blowing in the wind, and with all due respect – it’s the same thing.

News flash: we could do every bit of this subtle gif animation back in the 90s. And some did. Technical limitations considered. But like so many [click to continue…]

The Digital Dark Ages

by Joel Hladecek

I have been developing Interactive work for over 15 years, and sadly, my son may never see any of it. That’s because we are living in what future generations will undoubtedly call: The Digital Dark Ages.

[click to continue…]

Tooth Hackers & The Ultimate Technology

Some time ago, I found myself thinking about all our amazing technical advances – especially those that beg moral questions- and I began a journey that changed the way I approach technology, and changed how I think of humanity… and headphones.  

Read the full article →

HLello world!

The last thing the web needs – no, the last thing the world needs is another Blog.  I admit that. Or at least that’s what I thought 10 years ago. But a decade later we’re still struggling to advance this medium past the point of base comfort. I had a brilliant roommate in art school [...]

Read the full article →