Categories
Acclaim Applications apps architecture art direction Authoring Best practices Browsers business Career Code creativity CSS Design development HTML HTML5 Ideas industry interface ipad iphone javascript links maturity Photoshop Platforms Publishing Standards State of the Web Stories The Profession Web Design Web Design History Web Standards

SlideShowPro adds HTML5

Todd Dominey at Happy Cog.

Most of us web folk are hybrids of one sort or another, but Todd Dominey was one of the first web designers to combine exceptional graphic design talent with serious mastery of code.

Being so good at both design and development that you could easily earn a fine living doing just one of them is still rare, although it looks like the future of our profession. One of the first serious designers to embrace web standards, Todd was also one of the few who did so while continuing to achieve recognition for his work in Flash. (Daniel Mall, who came later, is another.)

Finally, Todd was one of the first—along with 37signals and Coudal Partners—to abandon an enviably successful client services career in favor of full-time product development, inspiring a generation to do likewise, and helping bring us to our current world of web apps and startups.

A personal project that became an empire

In Todd’s case, the product was SlideShowPro, a project he designed for himself, which has grown to become the web’s most popular photo and video slideshow and gallery viewer. When you visit a photographer’s portfolio website, there’s an excellent chance that SlideShowPro powers its dynamic photo viewing experience. The same is true for the photo and video gallery features of many major newspaper and magazine sites, quite possibly including your favorites.

SlideShowPro

But deliberate lack of Flash support in the iPad and iPhone, while lauded here on February 1, 2010 as a win for accessible, standards-based design (“Not because Flash is bad, but because the increasing popularity of devices that don’t support Flash is going to force recalcitrant web developers to build the semantic HTML layer first”), presented a serious problem for developers who use SlideShowPro and readers who enjoy browsing dynamic photo and video galleries.

Mr Dominey has now solved that problem:

SlideShowPro Mobile is an entirely new media player built using HTML5 that doesn’t require the Flash Player plugin and can serve as a fallback for users accessing your web sites using these devices. But it’s not just any fallback — it’s specially designed for touch interfaces and smaller screen sizes. So it looks nothing like the SlideShowPro player and more like a native application that’s intuitive, easy to use, and just feels right.

The best part though is that because SlideShowPro Director (which will be required) publishes the mobile content, you’ll be able to provide the mobile alternative by simply updating the Flash Player embed code in your HTML documents. And just like when using the SlideShowPro player, because Director is behind the scenes, all your photos will be published for the target dimensions of these devices — which gives your users top quality, first generation images. The mobile player will automatically load whatever content is assigned to the Flash version, so the same content will be accessible to any browser accessing your web site.

A public beta will be released in the next weeks. Meanwhile, there is a video demo. There’s also an excellent Question and Answer page that answers questions you may have, whether you’re a SlideShow Pro customer or not. For instance:

Why mobile? Why not desktop?

We believe that (on the desktop) Flash is still the best delivery method for photo/video galleries and slideshows for it provides the most consistent user experience across all browsers and the broadest range of playback and customization options. As HTML5 support matures across all desktop browsers, we’ll continue to look into alternate presentation options.

Into the future!

Categories
37signals Acclaim Announcements Appearances Applications apps Authoring Best practices better-know-a-speaker business Chicago client services Code Coudal Partners Design ethics HTML Ideas industry interface Interviews Journalism at its Finest Press Products Publications Publishing Respect Ruby on Rails Small Business State of the Web The Big Web Show The Essentials The Profession User Experience

37signals’ Jason Fried live today on The Big Web Show

I have known 37signals CEO Jason Fried since he was a young copywriter who reminded me of me, only smarter and more confident. Like many of you, with a mixture of awe and pleasure, I have watched him change our industry, along with book publishing and business generally. Dan Benjamin and I are delighted to announce the mercurial Mr Fried as our guest on The Big Web Show. Join us today, 1 July 2010, for the live taping at 1:00 PM ET.

Jason’s official bio is brief, but he can write at length when he wishes: see Rework, Getting Real, and Defensive Web Design, each a classic, and to each of which he was principal co-writer and guiding force. Besides saying no to meetings, contracts, and VC money, Jason and 37signals are famous for godfathering a speedy, iterative form of web application design; for gifting the industry with Ruby on Rails; for creating a suite of beloved (yes, really) business productivity web apps; for mastering and then abandoning client services in favor of making stuff; for somehow, in the midst of all that busyness, churning out tons of fine content on their popular blog; and for being roommates with the equally fantastic Coudal Partners.

Can’t wait to interview Jason Fried in front of a live internet audience today. Hope you’ll join us.

The Big Web Show is taped live in front of an internet audience every Thursday at 1:00 PM ET on live.5by5.tv. Edited episodes can be watched afterwards (often within hours of taping) via iTunes (audio feed | video feed) and the web.

Photo © John Morrison – Subism.com

Categories
A Book Apart A List Apart Accessibility An Event Apart Design industry interface Interviews ipad iphone people tbws The Big Web Show User Experience Zeldman

Episode 9: Web Standards

Today at 1:00 PM EDT, join Dan Benjamin and me live as we interview designer, developer, author, lecturer, and bon vivant Ethan Marcotte (bio | blog | Twitter) for Episode 9 of The Big Web Show.

Ethan is the author of an upcoming A Book Apart treatise on responsive web design; my co-author on Designing With Web Standards 3rd Edition; and the co-author with Dan Cederholm of Handcrafted CSS: More Bulletproof Web Design.

Join us for a lively discussion as we talk about designing and coding for the likes of the Sundance Film Festival and New York Magazine, and the joys of responsive web design, working remotely, and swearing profusely on Twitter. We may even get Ethan’s take on Microsoft’s dazzling new IE9.

As always, watch and participate in the live broadcast by tuning to live.5by5.tv at the appointed time.

A few hours after the taping, the permanent, edited video and audio podcast will be available for your bliss at 5by5.tv/bigwebshow/9 and via the iTunes Store (iTunes audio feed | iTunes video feed).

The Big Web Show is a weekly video podcast on Everything Web That Matters, co-hosted by 5×5 network founder Dan Benjamin and yours truly.

Categories
Apple Applications apps interface ipad iphone

From Gmail with Love

Adding multiple

It shouldn’t be this much work, but hats off to Nick Cernis for showing us the trick to enabling multiple “from” addresses under a single Gmail account in Mail on the iPad and iPhone.

Categories
A Feed Apart A List Apart An Event Apart Boston Community conferences content content strategy creativity CSS Design Designers Education eric meyer events Happy Cog™ HTML5 interface launches Standards Tools twitter User Experience UX Web Design Zeldman

A Feed Apart 2.0

A Feed Apart

As promised, a super-hot update to A Feed Apart, the official feed aggregator for An Event Apart, is up and running for your web design conference pleasure. You can now tweet from inside the application, and can even arrange meet-ups and make other social connections there.

Must-read: Designer Ali M. Ali talks about the interface design.

Steve Losh did back-end programming.

Nick Sergeant and Pete Karl created the original A Feed Apart and led the redesign effort.

If you can’t attend the sold-out show, which begins Monday, May 24, you can follow the live Tweetage from the comfort of your cubicle.

Enjoy An Event Apart Boston 2010 on A Feed Apart.

Categories
A Feed Apart An Event Apart better-know-a-speaker Boston Community conferences content content strategy creativity CSS Design engagement eric meyer events glamorous HTML5 Ideas industry Information architecture interface Standards State of the Web The Profession W3C Web Design Web Standards XHTML

Boston Bound

Plane travel versus train travel, that sort of thing.

Morning finds me bound by train for Boston, capital of Massachusetts, land of Puritans, patriots, and host of the original Tea Party. Center of high technology and higher education. Where the John Hancock Tower signs its name in the clouds, and the sky-scraping Prudential Tower adds a whole new meaning to the term, “high finance.” Beantown. Cradle of liberty, Athens of America, the walking city, and five-time host to An Event Apart, which may be America’s leading web design conference. (You see what I did there?)

Over 500 advanced web design professionals will join co-host Eric Meyer and me in Boston’s beautiful Back Bay for two jam-packed days of learning and inspiration with Dan Cederholm, Andy Clarke, Kristina Halvorson, Jeremy Keith, Ethan Marcotte, Jared Spool, Nicole Sullivan, Jeff Veen, Aarron Walter, and Luke Wroblewski.

If you can’t attend the sold-out show, which begins Monday, May 24, you can follow the live Tweetage via the souped-up, socially-enriched, aesthetically tricked out new version of A Feed Apart, whose lights go on this Sunday, May 23. Our thanks to developers Nick Sergeant, Pete Karl II, and their expanded creative team including Steve Losh and Ali M. Ali. We and they will have more to say about the project soon. For now, you can always read our 2009 interview with Nick and Pete or sneak a peek on Dribbble.

There’s also a Flickr photo group and an interstitial playlist, so you can ogle and hum along from your favorite cubicle or armchair.

See you around The Hub or right here on the world wide internets.


Categories
Authoring books E-Books interface ipad iphone

Roll your own iBooks with ePub

iBooks bookshelf in iPad. If you don't have cover art, iBooks will create it for you.

In A novel concept: Roll your own iBooks with ePub, Macworld’s Dan Moren tells how to create your own e-books as easily as you export a PDF or GIF from an authoring program like Office or Photoshop:

Earlier this week, Storyist Software released an update to its eponymous writing software that supports export directly to the ePub format, including the ability to add cover art, tweak formatting, and more. Likewise, the forthcoming 2.0 version of popular writing tool Scrivener is also adding ePub support.

In both cases, converting your file to ePub is as easy as saving it as a PDF or Microsoft Word document—you just pick ePub from the choice of export formats and hit the button. Voilà, the ePub file appears wherever you saved it. Drag that file into iTunes, sync your iPad, and you’re finished: your book will now show up in iBooks next to any other e-books you’ve purchased. Both tools also allow you to add your own cover art, and tweak the book’s metadata (author, description, genre, and so on).

Categories
Design interface ipad iphone Tools Touchscreen User Experience UX

Touch Gesture Reference Guide

The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces including iPhone, Windows 7, Windows Phone 7, Android, and more.

The guide contains an overview of the core gestures used for most touch commands. It tells how to use these gestures to support major user actions; provides visual representations of each gesture to use in design documentation and deliverables; and additionally provides an outline of how popular software platforms support core touch gestures. All in seven pretty PDF pages. It was conceived, researched, illustrated, and designed by Craig Villamor, Dan Willis, Luke Wroblewski, and Jennifer Rhim (document design).

Platform support information comes from the following sources: