From March 2009

Jason Reads from SiS at SXSW 09

At my SXSW Book Signing
At my SXSW Book Signing. I don't usually look this menacing.

At SXSW last week, I read Chapter 3, “The Myths of CSS”, from my forthcoming book Speaking In Styles, and then did a book signing for CSS, DHTML, & Ajax at the Barnes & Noble booth. It was an interesting session, where I talked to several nice people, and even signed copy of my book for someone from Microsoft (hopefully he won’t be returning it).

SXSW posted an audio recording of my reading on their site and I am happy to re-present it here.

Speaking in Styles: A CSS Primer for Web Designers

What is an “Online Comic”?

It’s a little over a week until I’m at SxSW to talk about Online Comics with Richard Bruning (DC Comics), Ron Richards (iFanboy.com), and comic artist Rivkah. Richard is providing an industry perspective, Ron a reader’s perspective, Rivkah an artists perspective, and me? Besides moderating, I’ll be providing a technical perspective on what is possible with User Interface design.

In advance of the panel, I wanted to get down some of my ideas about User Interface design and online comics for feedback from interested readers.

Based on user interface design, I separate online comics into three basic categories:

Page Mimics

Balance & Grace Online Comic
Balance & Grace Online Comic Mimics a Page turning Metephor

Use the page metaphor with the linear “panel” concept for sequential story telling, either using fade, slide, or even simulated page flipping to transition between virtual-pages. Often these online comics are simply scans of print comics, so they keep the same vertical aspect, which is not optimal for the generally more horizontal computer screen.

Examples include:

Motion Comics

 

Sparks Motion Comic
Sparks Motion Comic

Although easily mistaken for a cartoon, these comics take existing sequential art and use a “tweening” process to create pseudo-animation. The story is still linear in nature, but becomes a more passive experience than static comics, which engage the reader to imagine the motion themselves. That said, motion comics are better suited than static images for the screen and Internet, but are still a young medium that I hope will become increasingly interactive.

Examples include:

Experimental UI

Experimental Comic "Shadows Never Sleep"
Experimental Comic “Shadows Never Sleep”

These are still comics in that they use static and/or sequential art, but presented in ways that break with other comic conventions in ways only possible in the online world. For example, “Shadows Never Sleep” allows the user to zoom in and out of the story, exploring the art and narrative at will. “ZoomQuilt II” breaks with the traditional horizontal nature of comics, instead allowing users to zoom vertically down the narrative.

Examples include: