Categories
A List Apart client services Design development engagement findability Standards Tools

Books of Luke and Aarron

In Issue No. 255 of A List Apart, for people who make websites:

  • Findability, Orphan of the Web Design Industry ā€“ Aarron Walter, author of Building Findable Websites: Web Standards, SEO, and Beyond (New Riders, 2008), provides an overview of this essential web discipline, explains how it is like SEO but different, and tells how every member of your team can contribute to your site’s content’s findability. (See Aarron speak about findability and web standards live and in person at An Event Apart New Orleans, April 24ā€“25, at the Hilton New Orleans Riverside.)
  • Sign Up Forms Must Die ā€“ Luke Wroblewski, Senior Principal of Product Ideation and Design at Yahoo! and author of Web Form Design: Filling in the Blanks (Rosenfeld Media, 2008), calls for the abolition of sign-up forms where web services are concerned. Via “gradual engagement,” says Luke, we can get people using and caring about our web services instead of frustrating them with forms. (Get more Luke live and in person at An Event Apart Boston, June 23ā€“24, 2008 at the Boston Marriott Copley Plaza.)

As a glance at the masthead suggests, thought-provoking content about web form design and findability isn’t all that’s happening in this issue of A List Apart:

  • Deeply gifted and seriously experienced web design magazine editor Carolyn Wood finally joins the ALA staff as acquisitions editor, taking that post from …
  • … the witty and excellent Krista Stevens, who now becomes editor of the magazine.
  • For his profound contributions to branding and usability, art director Jason Santa Maria becomes creative director.
  • And after eight years at the magazine, Erin Kissane steps down as editor (but will stay with us as contributing editor). The improvements Erin has made to the magazine in her years with us cannot be counted, not even by the angels.
Categories
Accessibility Blogs and Blogging business client services creativity Design development Ideas links Marketing social networking Standards Tools writing

Monday links

WCAG Samurai
The WCAG Samurai Errata for Web Content Accessibility Guidelines 1.0 are published as an alternative to WCAG 2. “You may comply with WCAG 2, or with these errata, or with neither, but not with both at once.” Published 26 February 2008. Read the intro first.
Happy Cog Studios at SXSW Interactive
Two hot panels, plus bowling.
Alex King’s Twitter Tools
Integrate your Twitter account with your WordPress blog. Archive your tweets, create a blog post from each tweet, create a daily digest of your tweets, post a tweet in your sidebar, and more.
Chopsticks by Carlos Segura
Brilliant! 51 chopstick bags by Carlos Segura assisted by Ryan Halvorsen. In EPS for your raster or vector pleasure.
Can a Gas Station Really Be Green?
Boston design firm builds green gas station in smoggy LA.
48 Unique Ways To Use WordPress
CMS, city guide, history/timeline site, intranet, movie poster and trailer site, network hub, polling site, Feedburner alternative, Twitter clone, many more.
Misleading Marketing Copy
Words and phrases to avoid if you want an honest relationship with your customers.
Pattern inspiration (Veerle’s Blog)
Design inspiration via wallpaper and tiles.
Mental Models: Aligning Design Strategy with Human Behavior (on Flickr)
Illustrations from the newly published book by Indi Young (Rosenfeld Media, 2008).
A Speck of Sunlight Is a Townā€™s Yearly Alarm Clock
On March 8, the sun will rise again in Longyearbyen, the first time since October.
Dockdrop
Free Mac OS X application lets you share files fast. Drag any file or folder onto the Dockdrop dock icon, then choose how you want to send it. Dockdrop uploads it and puts a URL for your upload on the clipboard, ready for pasting into an email, chat program or website.
Official Google Maps API Blog: Google Maps Without the Scripting
The Google Static Maps API provides a simpler way to add maps to your website. Rather than use JavaScript, the Google Static Maps API creates map images on the fly via simple requests to the Static Maps service with HTTP requests.

[tags]zeldman, wcagsamurai, happycog, sxsw, googlemaps, wordpress, veerle, indiyoung, mentalmodels, wcag2, accessibility[/tags]

Categories
A List Apart Browsers Community Design industry Microsoft Standards Tools Zeldman

Version targeting, take two

Just when you thought it was safe to forget about version targeting. In Issue No. 253 of A List Apart, for people who make websites…

Read. Discuss. Decide.

Comments off. (Comment inside ALA, where it counts.)

Categories
Accessibility Community Design development eric meyer events Ideas industry maturity Memes Standards technorati Tools

Happy fourth birthday, real world semantics

Four years ago today, Tantek Ƈelik and Kevin Marks gave a presentation on real-world semantics. Working backwards from HTML extensions like XFN (created by Tantek, Matt Mullenweg, and Eric Meyer), the paper showed how designers and developers could add semantics to today’s web rather than starting from scratch or waiting for a “purer” markup language to bring us an “uppercase semantic web.”

As with ‘most all great ideas, the principles were simple and, in hindsight, profoundly obvious. Do what designers were already doing. Instead of toiling over new languages that might or might not get adopted, use existing (X)HTML elements such as rel and class, and agree on such things as common class names for simple things like relationship definitions.

On behalf of all web designers and developers, thank you, Tantek and friends, and happy birthday.

[tags]microformats, semantics, realworld, tantek, xfn, hcard, 4years[/tags]

Categories
A List Apart business Design development Standards Tools

ALA 252: New library, long hallway

In Issue No. 252 of A List Apart, for people who make websites:

Keeping Your Elementsā€™ Kids in Line with Offspring

Alex Bischoff introduces Offspring, a JavaScript library bringing the power of advanced CSS selectors to browsers that can’t quite handle the real thing.

The Rules of Digital Engagement

Jonathan Follett takes another trip down the the long hallway, looking at ways to collaborate, communicate, and manage conflict in virtual space.

[tags]javascript, libraries, longhallway, ala, alistapart, webdesign[/tags]

Comments off. Talk on ALA!

Categories
books Ideas industry Publishing reportage Tools twitter writing

Self-publishing is the new blogging

Everyone a writer, everyone a publisher, everyone a citizen journalist.

Everything that could be digital would be. Content wanted to be free. Then we had to get paid. But animated smack-the-monkey ads were so declassƩ. Ch-ching, Google AdSense, ch-ching, The Deck advertising network, ch-ching your ad network here.

Everyone a writer, everyone a publisher, everyone a citizen journalist, ch-ching.

First the writers and designers did the writing. Then the non-writers who had something to say did it. Then the people with nothing to say got a MySpace page and the classy ones switched to Facebook.

And ch-ching was heard in the land. And the (not citizen) journalists heard it, and it got them pecking into their Blackberries and laptops.

And then the writers and designers, ashamed at rubbing shoulders with common humanity, discovered the 140-character Tweet and the Tumblr post. No stink of commerce, no business model, nothing that could even charitably be called content, and best of all, no effort. Peck, peck, send.

When you’ve flown that far from Gutenberg, the only place to travel is back.

Enter Lulu, all slinky hips and clodhoppers. Self-publishing is the new blogging. No more compromises. No more external deadlines. No more heavy-handed editors and ham-fisted copyeditors. No more teachers, lots more books.

You don’t need distribution, you’ve got PayPal. You don’t need stores: there’s only two left, and nobody buys books there, anyway. You don’t need traditional marketing. Didn’t we already prove that?

Got book?

[tags]blogging, editing, publishing, self-publishing, writing, writers[/tags]

Categories
Accessibility Design development HTML mail industry Tools

Give HTML e-mail a chance

Ten years into the web standards revolution, e-mail client support for standards remains sketchy. A new group is doing something about it. Launched today, The Email Standards Project “works with email client developers and the design community to improve web standards support and accessibility in email.”

Brainchild of Mathew Patterson of the Campaign Monitor, the newly launched site, like any good advocacy site, explains why web standards matter for e-mail.

But it does much more. Already the project uses a WaSP-style CSS test to judge the standards compliance of major e-mail clients from AOL to Yahoo! Mail and report on how they did. There’s also a blog and a list of things you can do to help promote standards awareness and persuade e-mail software makers to improve their support.

I started out hating HTML e-mail, but now I am a believer. I support The Email Standards Project.

[tags]email, e-mail, standards, webstandards, advocacy[/tags]

Categories
Applications Blogs and Blogging Community industry Tools

Facebook Considered Harmless

IN 1995, I RECKONED everyone would teach themselves HTML and start homesteading on the web. When that didn’t happen, I spent three years on a free tutorial I figured would give the world the push it needed. It didn’t.

I was an early blogger and a late user of blogging software because, why did anybody need blogging software? Wrong. Always wrong.

In 2004, some colleagues and I contributed to the “new” Blogger. We were excited by the thought of bringing well-designed, easy-peasy, standards-compliant web publishing tools to millions of people. Now everyone can do this, we thought. And millions did.

But not everyone, it turns out, wants to blog. Blogging is hard. There’s, like, thoughts and stuff that you have to come up with, even if someone else handles the whole “what should my blog be like and what should it do and how should it be organized and what should it look like” part.

No, what most people were really looking forā€”or at least, what most people have responded to since such things became availableā€”were web gizmos as easy as farting and as addictive as cigarettes. “Social software.” “Web 2.0.” Swimming pools, movie stars.

All this to preface the unremarkable yet strange to those who know me fact that yesterday I signed up for Facebook. And spent several hours messing with it. And checked it this morning before making coffee, before making breakfast for The Wife and I, before bringing The Child her strawberry milk.

Facebook is a walled garden and I am religiously opposed, but here we are and there I am.

Facebook is pretty. It works with Ma.gnolia. It works with Twitter. In theory it works with iLike, except that you can’t add an existing iLike account to Facebook, which is lame and sucks and iLike’s fault, and the fact that I care and am bothering to share such trivia shows how deeply assimilated I have become over the past 24 hours, eight of which I spent sleeping.

As when I joined Twitter, the first thing I noticed was how many of my friends and colleagues were already there ahead of me. Why none of them had invited me to join, bastards, I leave to their consciences, not that I’m bitter. They redeemed themselves by responding within an hour or less when I asked to be their “friends,” not that I’m keeping score.

I don’t need more friends and I don’t need more contacts. I avoided most of the first-generation social software that was all about Rolodex building, and only gave in to the main one everyone knows and which I shall not name when a loved old client of mine invited me to join his network. Since I made that mistake, I get lots more mail, and lots more mail is something else I don’t need.

But I design interfaces so I’m supposed to know about this stuff. That’s the rationale behind my spending hours of billable time adjusting my Facebook preferences. The real reason, of course, for all this stuff, is that it provides a way to blow off work you should be doing, while creating the illusion that you are achieving something. At least in most offices, you can’t masturbate at your desk. But you can Tweet.

[tags]socialsoftware, web2.0, facebook, twitter, flickr, blogs, blogging, community, walledgarden[/tags]

Categories
Applications Community Design dreams glamorous Tools Zeldman

How to make love to a ghost

Sunday morning, while dreaming, I began receiving messages from the other world. They covered matters of etiquette when interacting with the dead, and even offered glimpses of what the spirit life is like:

  • Do not accept food from a ghost.
  • Do not make love to a ghost, even if she is your wife.
  • Don’t ask ghosts questions about time. They don’t understand them.
  • Fill your eyes with tears. That is how a ghost sees.

These messages were conveyed clearly, and with authority. Although I knew their origin, I was not afraid. So matter-of-fact was my acceptance that I began framing what I was learning within a normal workday context. Specifically, I realized that these messages made the perfect Tweets.

For while Twitter may reduce the immense possibilities of communication to single-line banalities of 140 characters or less, it is paradoxically the perfect vehicle for distilling and broadcasting profound, irrational truths, such as those the dead share with us while we dream.

This dream also involved Robert Benchley and so many cartoonish implausibilities that it is possible that the messages I received came only from my own mind. But is that not equally infinite?

(The dream’s plot involved a luxury cruiser, torpedoed in World War II. Benchley, urbane in middle age, piloted a series of unlikely rescue vehicles, including a school bus that somehow managed to navigate the ocean and deftly avoid smacking into large chunks of wreckage. It was night, and raining, and black and white. A young Michael Keaton, who was sometimes a young Jack Nicholson, also played a role in the endless and pungently fraught narrative.)

[tags]ghosts, afterlife, twitter, webapps, robertbenchley, michaelkeaton, jacknicholson, dreams, death[/tags]

Categories
Applications OSX Tools widgets

I’ll show you mine

Screenshot of my Mac OSX dashboard, showing widgets used.

Widgets on my Mac OSX dashboard: e dot studios iPhoto Mini, Ma.gnolia Blossom (no longer online), CSS Cheat Sheet, Colorjack (colorjack.com), Color Burn, Address Book Search, Lava Lamp, Leftlogic Entities, and more. Best viewed at original size.

What’s on your dashboard?

[tags]osx, widgets, dashboard, mac, macosx, apple[/tags]

Categories
A List Apart Browsers Design development iphone Standards Tools

Web type, iPhone content

In Issue No. 244 of A List Apart, for people who make websites, father of CSS HĆ„kon Wium Lie advocates real TrueType fonts in web design, while Iconfactoryā€™s Craig Hockenberry (developer of Twitterific) describes in detail how to optimize websites for iPhone.

Web content is mostly text. Web interfaces are text-based. Design consists chiefly in arranging text to aid communicationā€”guiding readers to the words and experiences they seek. Better typography means better web experiences. Improving typography without resorting to image or Flash replacement and their attendant overhead is a consummation devoutly to be wished. Will browser makers rise to HĆ„kon’s challenge?

Apple’s iPhone is the new frontier in interface design, offering rich computing experiences while dumping established techniques like mouse use and copy-and-paste. Its browser component, by contrast, pretty much provides a normal desktop experience via the standards-compliant Safari browser and small but high-resolution screen. For the most part, then, designing web content for the iPhone simply means designing web content. Ah, but there are tricks that can help your site more smoothy accommodate Apple’s new device. Some can even improve the web experience for all users.

Craig Hockenberry seems to have found them all, and he shares what he knows in a two part series that begins in this issue. I have known Craig since 1996; we collaborated on web-oriented Photoshop filters before Adobe figured out the web. He is a brilliant, funny, and modest man, and now you can get to know him, too.

Both articles are bound to produce thought and argument. Both are at least somewhat controversial. I love them both, and admire both writers. It is a pleasure to share this issue with you.

This issue of A List Apart was produced by Andrew Fernandez, technical-edited by Aaron Gustafson and Ethan Marcotte, art directed by Jason Santa Maria, and illustrated, as always, by the amazing Kevin Cornell. Krista Stevens is acquisitions editor. Erin Kissane edits the magazine.

[tags]design, webdesign, alistapart, hƄkon, chockenberry, truetype, fonts, typography, webtype, webtypography, apple, iphone[/tags]

Categories
Design development eric meyer Tools

Eric Meyer’s CSS Sculptor

Danged if Eric Meyer hasn’t launched a product. Eric Meyer’s CSS Sculptor, created in collaboration with WebAssist, makes it drop-dead easy to create standards-compliant, two- and three-column CSS layouts in Adobe Dreamweaver.

As a close friend of Eric Meyer’s, I found out about the product yesterday.

It’s a template-driven, “choose, then customize” application. CSS Sculptor includes 30 of the most common web page layoutsā€”fixed-width, liquid, elastic, and combinations thereofā€”coded the way Eric Meyer would code them.

Once you choose a layout, you can change any aspect of it, including page width and browser window position. Add background images to any component. Rename elements and restyle at will. Additional columns can be added to the left or right of the main content area; headers and footers can be included or omitted with a click.

A nifty tree view visualizes how your style sheet is working, and lets you quickly select and edit any component of your layout. CSS Sculptor even creates a fully customizable print style sheet for every designā€”automatically. That’s cool.

I test-drove CSS Sculptor yesterday. It’s powerful and fun to use. I can see this application appealing to three audiences:

  1. The power coder who knows CSS inside, outside, and backward, and will never cease hand codingā€”but wouldn’t mind working faster by off-loading some of the more tedious tasks of CSS layout development.
  2. The professional designer who wants to use CSS, but is daunted (and sometimes frustrated) by the complexities of advanced CSS layout.
  3. The non-full-time web person, responsible for maintaining their organization’s website in addition to other responsibilities, who believes in web standards and accessibility but will never be a CSS Jedi. Now you don’t have to be.

CSS Sculptor is compatible with Dreamweaver CS3 and Dreamweaver 8 on Windows and Macintosh. It will retail for $149.99 but is can be had for $99.99 through 6 September 2007. I don’t get anything for telling you about it except the warm glow of sharing.

Comments are now closed.

[tags]css, csslayout, csssculptor, ericmeyer, adobe, dreamweaver, webassist, software[/tags]

Categories
Community industry links Standards Tools

InterNetwork

Why does every single social network community site make you:

  • re-enter all your personal profile info (name, email, birthday, URL etc.)?
  • re-add all your friends?

And why do you have to:

  • re-turn off notifications?
  • re-specify privacy preferences?
  • re-block people you don’t want to interact with?

Brainstormed by Daniel Burka, Eran Globen, Brian Oberkirch and Tantek Ƈelik, Social Network Portability, an emerging article at microformats.org, is an attempt to begin tackling these problems for good. Big- and little-d designers, you can help.

[tags]socialnetworks, portability, microformats, standards, social network portability[/tags]

Categories
Design development iphone links Standards Tools

For web developers and iPhone users

XRAY web developer’s suite
Fab, free bookmarklet for web designers and developers analyzes any element on a web page with a click. Must be used to be appreciated. Part of a forthcoming suite of free, cross-browser web development tools from Westciv. Suggested improvements and bug reports welcome. Currently works in Webkit (Safari) and Mozilla (Firefox, Camino, etc.) browsers; an IE version is coming. Don’t miss the “Acknowledgements, Thanks, and Inspiration” credits, which link to great JavaScript and visual resources.
How to Rip DVD Movies To Your iPod Using Free Software
Great, straightforward how-to by brilliant author/developer Mark Pilgrim walks you through the process of setting up HandBrake, a free, open source app, to rip DVDs to your iPod. Last updated in 2005, several versions of HandBrake (not to mention several generations of iPod) ago, so screen shots will not always match current versions. But the settings advice is still accurate, and even applies to the iPhone, with its giant wide screen.
Ripping even a short movie you own takes a long, long time. I tested Pilgrim’s advice on a flick our toddler loves, so my iPhone could double as a parental aid during family trips. It took over five hours to burn an 86 minute film, but the results were beautiful.
For more video conversion advice, see the 12 December 2005 Macworld Secrets column, Convert video for the iPod. Summary: Upgrade to QuickTime Pro and export for iPod. Works great and works fast. One’s iPhone now sports Charlie the Unicorn and will soon host short home movies shot on a point and shoot digital camera and formatted by that camera as AVIs.

[tags]web development, bookmarklets, developer tools, rip, DVDs, iPod, iPhone, Apple[/tags]

Categories
Adobe business Design iphone Microsoft Tools

What Apple copied from Microsoft

hCard couldn’t do it. Basecamp couldn’t do it. Web apps from Google and Yahoo that integrate seamlessly with Apple’s iCal, Address Book, and Mail couldn’t do it. My iPhone has done it.

My iPhone has made me stop using calendar, contact, and e-mail applications I’ve used day and night for over a decade, and switch to the freeā€”and in some ways less capableā€”applications that come bundled with Macintosh OS X.

Changing years of work habits is not easy. Migrating data, in some cases by hand, takes time I don’t have to spare. Yet I’m making these changes of my own will, and happily.

In short, Apple has finally copied something from Microsoft. Or, if you prefer, Apple has learned the marketing psychology lesson that Microsoft got first. For many consumers, convenience is of greater value than choice. A platform built of parts that work together seamlessly beats a self-curated collection of apps that don’t.

That syncing feeling

Microsoft knows this, Adobe knows it, and Apple had learned it by the time they launched the iTunes/iPod cartel. The iPhone creates a similar value proposition for OS X’s bundled communication, contact, and calendar apps.

Maybe all Windows users won’t switch to Macs, but many Mac users will dump Entourage, Eudora, and the like once they sync an iPhone to their computers. What “free” wasn’t enough to achieve, “seamless” just might be. If I can change work habits, anyone can.

Victory is suite

As part of a sexy, seamless software/hardware package, Apple Mail triumphs over more sophisticated e-mail applications for much the same reason Word beat WordPerfect and Adobe Illustrator trumped Macromedia Freehand. (True: Adobe bought Macromedia and chose to discontinue Freehand. But they’re burying Freehand due to lack of resources, not because they fear it.) Word is part of the must-have suite for business professionals, and Illustrator is part of the must-have suite for creative and visual professionals, and you can’t beat the suite. That is what Apple has learned.

What no one can teach Apple is how to make user experience beautifully intuitive and elegant, lending a spirit of fun to even the most mundane task, such as getting contact phone numbers into a phone. With Address Book and an iPhone, it’s not only automatic, it’s a near-physical pleasure.

Nobody does user experience as well as Apple, and nobody but Apple in the consumer market combines beautiful software with drool-inducing hardware. Except during the cloning years, when Apple lay in the abyss, Apple has always combined hardware and software. It killed them during the 1990s OS wars, but it worked like nobody’s business for the iPod and a similar synergy is driving the iPhone.

That I could be persuaded to spend money on an iPhone is unremarkable. After all, the phone shows websites and I’m a web designer; it’s tax-deductible research. What is remarkable to anyone who knows me is that I’m willing to abandon long-used tools and shortcuts to capture these new synergies. This suggests a longer and deeper market for the iPhone than just the gadget-obsessed and early adopters with sufficient disposable income. It’s even possible that, with continued use, the beauty and utility of the iPhone will help sell Macintosh computers to PC users.

It helps that the interface is beautiful as well as intuitive, and that many of the alternatives are neither.

An interface only a mother could love

Discontinued Eudora, the program I’ve abandoned in favor of Mail, is the crone of e-mail, with an interface only a mother could love. Now Up-To-Date and Contact are overly complicated, underly beautiful, and have long showed their age. None of these programs closely follows Apple’s Human Interface Guidelines (HIG). Never mind that the Aqua HIG is incoherent, that many of Apple’s own programs violate or ignore it, and that it neglects to offer modern UI designs and controls, prompting independent developers to create a new set of Human Interface Guidelines to supplement Appleā€™s. The point is, even in the Classic OS days of mandatory HIG compliance, the three programs I’ve mentioned did not work as Macintosh programs were supposed to. They were cross-platform and proud of it, and a Mac user had to meet them halfway. Nevertheless, they did things other programs couldn’t do, and I used them for that reason.

I continued to use them as time and change and market share conspired against them. I worked like a farmer who refuses to accept that his field has gone fallow.

When Basecamp sent work schedules to my iCal, I manually copied the dates into Now Up-To-Date. When my own web pages spat out standard contact information via hCard, I siphoned the data into Address Book, and then manually copied it into Now Contact, line by line. (Since the fields between programs didn’t match, I could not automate the process via scripting. Now Software made a free mini-application that used to port data between Now Contact and Address Book, but it never worked all that well, and it stopped working altogether in Tiger.)

Computers are supposed to make our lives easier, but everyone knows they do the opposite, and I was so deep into my rut I thought of it as a groove.

The incredible lightness of e-mailing

Change begets change. For years, in Eudora, I kept every e-mail message I received. I kept them all in tidy, named folders and wrote filter rules to automatically sort messages as they were received. Every client, every employee, every friend, every project had its own folder and its own set of filters. I spent at least an hour a day simply managing my e-mail, which is different from reading or responding to it. When the number of open folders became overwhelming, I dragged messages into a new folder called “urgent” or “deal with this” (and then failed to deal with them).

And now? So far, in Mail, I’m answering messages as they come in, and deleting all but the most salient. A client letter outlining technical requirements, I’ll keep. A bunch of messages asking whether we should meet at 9:00 or 10:00, I delete. I feel ten pounds lighter already. I’d like to thank God and the Academy.

[tags]Apple, Address Book, iCal, iPhone, Mail.app, design, interface design, UI design, software design, uidesign, Adobe, Microsoft, integration, suites, hardware[/tags]