Category Archives: Web

Your Workflow is the Battlefield

There’s been quite the wailing and gnashing of teeth over the Apple iPad not supporting Flash. Personally, I welcome this new landscape of the web, where a future without Flash seems not only bright but possible indeed.

That said, what is unfolding here is of considerable gravity, and will likely determine the future of the web. Most web professionals use Adobe tools in some capacity to do their job, whether Photoshop, Illustrator, Dreamweaver (gasp), Flash, Flex, Flash Cataylst, or even Fireworks (which is, according to many, the best wireframing tool on the market, despite its quirks and crash-prone behaviors).

Now, I am not privy to inside information, but based on what I’ve been able to glean, Adobe’s strategy is something like this. There is a deliberate reason that your workflow as a standards-based web professional sucks; that Photoshop doesn’t behave the way you want it to, that exporting web images is still a pain in the ass, and that you actually need to fight the software to get it to do what you want.

Adobe knows how you use its software. Adobe knows how you want to use its software. Adobe understands your existing workflow.

And it doesn’t fucking care.

You see, Adobe doesn’t view you, as a web professional, as someone engaged in building websites. It doesn’t view itself as one who builds the tools to support you in your job. Adobe does not view you as the author of images and CSS and HTML and Javascript that all magically comes together to create a website, but rather as the author of what could potentially be Adobe Web Properties™.

They are not interested in supporting your workflow to create standards-based websites, because that is not in their strategic interest. They would much rather you consented to the cognitive model of Adobe Software™ to create proprietary Adobe Web Properties™ that render using Adobe Web Technologies™.

In essence, Adobe wants to be the gatekeeper for the production, as well as the consumption, of the web.

Apple knows this, and knows that the future of the web is mobile. Their actions are no less strategic than that of Adobe, and Apple has chosen a route that deliberately undermines Adobe’s strategy; Adobe’s strategy for controlling not just the consumption of rich interactive experiences on the web, but their production as well.

From the production side, as far as Adobe is concerned, if you’re not building your websites in Flash Catalyst and exporting them as Flash files, you’re doing it wrong.

Your frustrations with Photoshop and Fireworks in not supporting the “real way” web professionals build standards-based websites are not by accident, but by design. Adobe views each website as a potential property over which they can exert control over the look, feel and experience. As these “experiences” become more sophisticated, so do the tools necessary to create them. Adobe wants to be in the business of selling the only tools that do the job, controlling your production from end-to-end, and then even controlling the publication of and access to your creation.

Apple’s own domination plans for the mobile web undermines all this.

And Adobe is pissed.

Scope

Home Sweet Home

Maybe you’ve already heard, but I recently helped launch Adaptive Path’s new home page. A few of the other kind folks at the office designed it, and I cut it up into its hot-and-buttery front-end code. I used 960.gs for the pixel-perfect CSS grid system, and cooked up some slick back-end code for streaming our recent essays and blog posts into their proper sections.

What’s more, I wrote some tight little scripts to hit up our Twitter feed and pull down our most recent tweets. Javascript implementations are nice for low-volume sites, but when you get as much traffic as AP you need something a bit more robust. I developed a lightweight caching module that wraps around our call to the Twitter API, keeping our tweets fresh without hitting Twitter on every single (insanely frequent) page load.

Meanwhile, I’ve pretty much been living at Musée Mécanique the last two weekends, digesting their incredible collection of antique coin-operated arcade machines. While these pictures certainly won’t leave that familiarly cold smell of metal on your hands after you’re done handling them, I’ve nevertheless been dropping my observations into a set on Flickr.

Drop Coin Here

The Cail-O-Scope

Love Tester

Grope

Musée Mécanique

Musée Mécanique

Baseball Score-Board

Oliver’s Simple Fluid Dynamics Generator

God damn this is cool. Click and drag in the black square to make the magic happen. Works best in the smokin’ Safari 4.0, because this beast is heavy on the Javascript. In any other browser you’ll wonder what in the hell I’m gettin’ so worked up about.

Stuff like this just feeds my existing obsession with introducing deliberate thought and consideration into the texture and materiality of our digital interfaces. Seriously, computer interaction that exhibits natural physical properties, either felt, observed or otherwise perceived, really gets my blood going.

fluid-dynamics

Zoom, Zoom, Zoom

I started using Safari 4.0 yesterday, and I like what I see so far. The new Javascript interpreter is fast. The controls for Google Maps are so quick they’re frightening. Just try using your scroll wheel (or two-finger gesture on the trackpad of your new non-removable-battery MacBook Pro) to zoom in. If there’s a faster way to reach the surface of the earth from space, I’m sure Burt Rutan is working on it.

Err, the opposite, I’m sure he’s working on the opposite. Sheesh.

Anyway, I will leave you with the coolest, blockiest typeface I have ever seen in my life. Seriously, check out these titles:

Golden Gate Bridge Plaque

Beautiful. Let’s get a little closer, shall we?

PAST OFFICERS, PAST DIRECTORS

And once more, for the people in the balcony:

DIRECTORS detail

Man.

Sublety and Nuance in Physical Interaction

I had a great conversation during tea time at Adaptive Path this evening with Jesse James Garrett, about the role of subtlety and nuance in physical interaction design. Central to the conversation was Microsoft’s Project Natal, an upcoming system for the Xbox 360 that lets you use your full body to control games.

While large motions, like punching and kicking the air, make for an impressive flourish, it’s interesting to consider what a system like this would look like in a few years, as it becomes increasingly fine-tuned. What if it knows where each one of my fingers is, like a musical instrument? What kind of interactive applications could this have in a non-game environment? Or, as Jesse mused, how can we learn from gaming to bring more game-related themes, from the concept of play to the interactive vocabularies we establish therein, into everyday computer-mediated interactions?

Part of Jesse’s work on the Ajax approach to web development was based on a desire to make web interactions feel more game-like in nature. Before we had instant asynchronous updates, whether backed by XML or not, the web had a distinctly evaluative feel to it. The cost of submitting web input was high, as it resulted in a long pause before I would know whether or not my submission had been accepted. Games typically offer instantaneous feedback and so this delayed, high-cost transaction felt more like taking an exam than playing a game. Thus, the web-two-point-oh-social-media-user-generated-content revolution is not about Ajax or Prototype or Scriptaculous or jQuery or MooTools, but about removing the barriers of time and cost previously associated with contributing to the web.

And so, with sophisticated physical input devices on the horizon, how can we use the most familiar input devices ever, our own bodies, to enhance our computer-mediated experiences? Further, given the fine-grained control we have over our physical selves, how can we draw on the rich human tradition of having a body and allow people to interact with a system in a more subtle and nuanced manner?

Just something I’m pondering.

Your Online Banking System Can Go To Hell

online-statements

Dear Online Statements,

I have paper records that go back ten years. Ten years. These records do not expire. You propose that I enroll in a “convenient” system that forgets my records after a mere 18 months. If I want to access records older than that you will charge me a fee and send them via U.S. mail, which is what you were doing in the first place.

If your online system is so “secure” why can’t you entrust it with more than 18 months worth of records? If it is so “convenient” why does it do a worse job of managing my account history than I do?

This is supposed to sound compelling why?

Regards,
Dane

P.S. If you ever again mention the “greenness” of online statements versus mailed statements, so help me god I will claw out your throat. There is nothing green about a server farm that needs to run white-hot 24 hours a day, seven days a week, to allow me “access” to my “statements” whenever I “want”.

I’ll tell you what’s green and convenient, and it’s a fucking file cabinet.

Mother of All Funk Chords

I found this months ago, and watching it still gives me chills:

This was the reason the internet was invented, man.

Social Hygiene

The other day, Kate and I were discussing the difference between a “tool” and a “douche bag”. It is a subtle but important differentiation, and we came up with the following guide. We hope you find it helpful, and failing that, offensive.

Tool: Drives a champagne Lexus LX with gold trim.
Douche Bag: Drives a black Cadillac Escalade with gold trim.

Tool: Wears one polo shirt with one popped collar.
Douche Bag: Wears two or more polo shirts with one or more popped collars.

Tool: Tries to network with you at a party.
Douche Bag: Tries to network with you at a funeral.

Tool: Working on a Web 2.0 social networking application.
Douche Bag: Working on a Web 2.0 social networking application that will be the next Facebook/MySpace/YouTube.

Pork and Beans

This is the greatest music video ever. Hooray for the intertubes.

Locker Room

Just as soon as we started describing Twitter as a micro-blogging/text-messaging tool, a well-oiled jealousy engine, and a scalable narcissism platform, it seems to have evolved into something beyond all that. Judging by my list of favorites, as well as those of others, Twitter has become a venue for sharing your profanity-laden sexual innuendo with a willing, self-selecting audience.

Not that I’m complaining. I’m just saying. I mean seriously, listen to the art that Twitter has made possible.

Wait, did I say innuendo? I meant penis.