Categories
An Event Apart Archiving Boston Career cities Code Community conferences content creativity CSS CSS3 Design Designers development Education events Fonts glamorous Happy Cog™ HTML HTML5 Ideas industry Information architecture IXD Layout Marketing Markup people photography Real type on the web The Profession This never happens to Gruber Typekit Usability User Experience UX W3C Web Design Web Design History Web Standards webfonts Websites webtype Zeldman

HTML5, CSS3, UX, Design: Links from An Event Apart Boston 2011

Meeting of the Minds: Ethan Marcotte and AEA attendee discuss the wonders of CSS3. Photo by the incomparable Jim Heid.

Meeting of the Minds: Ethan Marcotte and AEA attendee discuss the wonders of CSS3. Photo by the incomparable Jim Heid.

THE SHOW IS OVER, but the memories, write-ups, demos, and links remain. Enjoy!

An Event Apart Boston 2011 group photo pool

Speakers, attendees, parties, and the wonders of Boston, captured by those who were there.

What Every Designer Should Know (a)

Jeremy Keith quite effectively live-blogs my opening keynote on the particular opportunities of Now in the field of web design, and the skills every designer needs to capitalize on the moment and make great things.

The Password Anti-Pattern

Related to my talk: Jeremy Keith’s original write-up on a notorious but all-too-common practice. If your boss or client tells you to design this pattern, just say no. Design that does not serve users does not serve business.

What Every Designer Should Know (b)

“In his opening keynote … Jeffrey Zeldman talked about the skills and opportunities that should be top of mind for everyone designing on the Web today.” Luke Wroblewski’s write-up.

Whitney Hess: Design Principles — The Philosophy of UX

“As a consultant, [Whitney] spends a lot of time talking about UX and inevitably, the talk turns to deliverables and process but really we should be establishing a philosophy about how to treat people, in the same way that visual design is about establishing a philosophy about how make an impact. Visual design has principles to achieve that: contrast, emphasis, balance, proportion, rhythm, movement, texture, harmony and unity.” In this talk, Whitney proposed a set of 10 principles for UX design.

Veerle Pieters: The Experimental Zone

Live blogging by Jeremy Keith. Veerle, a noted graphic and interaction designer from Belgium, shared her process for discovering design through iteration and experimentation.

Luke Wroblewski: Mobile Web Design Moves

Luke’s live awesomeness cannot be captured in dead written words, but Mr Keith does a splendid job of quickly sketching many of the leading ideas in this key AEA 2011 talk.

See also: funky dance moves with Luke Wroblewski, a very short video I captured as Luke led the crowd in the opening moves of Michael Jackson’s “Thriller.”

Ethan Marcotte: The Responsive Designer’s Workflow (a)

“The next talk here at An Event Apart in Boston is one I’ve really, really, really been looking forward to: it’s a presentation by my hero Ethan Marcotte.”

Ethan Marcotte: The Responsive Designer’s Workflow (b)

Ethan’s amazing talk—a key aspect of design in 2011 and AEA session of note—as captured by the great Luke Wroblewski.

An Event Apart: The Secret Lives of Links—Jared Spool

“In his presentation at An Event Apart in Boston, MA 2011 Jared Spool detailed the importance and role of links on Web pages.” No writer can capture Jared Spool’s engaging personality or the quips that produce raucous laughter throughout his sessions, but Luke does an outstanding job of noting the primary ideas Jared shares in this riveting and highly useful UX session.

An Event Apart: All Our Yesterdays—Jeremy Keith

Luke W: “In his All Our Yesterdays presentation at An Event Apart in Boston, MA 2011 Jeremy Keith outlined the problem of digital preservation on the Web and provided some strategies for taking a long term view of our Web pages.”

Although it is hard to pick highlights among such great speakers and topics, this talk was a highlight for me. As in, it blew my mind. Several people said it should be a TED talk.

An Event Apart: From Idea to Interface—Aarron Walter

Luke: “In his Idea to Interface presentation at An Event Apart in Boston, MA 2011 Aarron Walter encouraged Web designers and developers to tackle their personal projects by walking through examples and ways to jump in. Here are my notes from his talk.”

Links and Resources from “From Idea to Interface”

Compiled by the speaker, links include Design Personas Template and Example, the story behind the illustrations in the presentation created by Mike Rhode, Dribble, Huffduffer, Sketchboards, Mustache for inserting data into your prototypes, Keynote Kung Fu, Mocking Bird, Yahoo Design Patterns, MailChimp Design Pattern Library, Object Oriented CSS by Nicole Sullivan and more!

An Event Apart: CSS3 Animations—Andy Clarke

“In his Smoke Gets In Your Eyes presentation at An Event Apart in Boston, MA 2011 Andy Clarke showcased what is possible with CSS3 animations using transitions and transforms in the WebKit browser.” Write-up by the legendary Luke Wroblewski.

Madmanimation

The “Mad Men” opening titles re-created entirely in CSS3 animation. (Currently requires Webkit browser, e.g. Safari, Chrome.)

CSS3 Animation List

Anthony Calzadilla, a key collaborator on the Mad Men CSS3 animation, showcases his works.

Box Shadow Curl

Pure CSS3 box-shadow page curl effect. Mentioned during Ethan Marcotte’s Day 3 session on exploring CSS3.

Multiple CSS Transition Durations

Fascinating article by Anton Peck (who attended the show). Proposed: a solution to a key problem with CSS transitions. (“Even now, my main issue with transitions is that they use the same time-length value for the inbound effect as they do the outbound. For example, when you create a transition on an image with a 1-second duration, you get that length of time for both mousing over, and mousing away from the object. This type of behavior should be avoided, for the sake of the end-user!”)

Everything You Wanted to Know About CSS3 Gradients

Ethan Marcotte: “Hello. I am here to discuss CSS3 gradients. Because, let’s face it, what the web really needed was more gradients.”

Ultimate CSS3 Gradient Generator

Like it says.

Linear Gradients Generator

By the incomparable John Allsopp.

These sessions were not captured

Some of our best talks were not captured by note-takers, at least not to my knowledge. They include:

  1. Eric Meyer: CSS Anarchist’s Cookbook
  2. Mark Boulton: Outing the Mind: Designing Layouts That Think for You
  3. Jeff Veen: Disaster, DNA, and the Fathomless Depth of the Web

It’s possible that the special nature of these presentations made them impossible to capture in session notes. (You had to be there.)

There are also no notes on the two half-day workshop sessions, “Understand HTML5 With Jeremy Keith,” and “Explore CSS3 With Ethan Marcotte.”

What have I missed?

Attendees and followers, below please add the URLs of related educational links, write-ups, and tools I’ve missed here. Thanks!

Categories
An Event Apart architecture Boston cities

Good morning, Boston!

Aerial view of Boston's Back Bay and Prudential area from 36th floor of the Marriott.

Aerial view of Boston’s Back Bay and Prudential area from 36th floor of the Marriott.

Good morning, Boston! | Flickr – Photo Sharing!

Categories
architecture art arts cities New York City Parks Travel Urbanism

NYC Must-See

People who are coming to New York for the first time always ask me what they should see. So I’ve made a little list. Here are eighteen of my favorite places in New York City.

Categories
cities glamorous London Travel Zeldman

English Letter

Steaming suit, listening to A Love Supreme, watching birds circle rainy plaza in wet grey morning London. Perfect, perfect.

Categories
cities glamorous London Travel Zeldman

London Calling

London, 2010 – a travel photo set in progress on Flickr.

Categories
architecture Brands cities Design Happy Cog™ New York City

I ? NY

New York Life Tower as seen from Happy Cog

New York Life Tower as seen from Happy Cog


Categories
cities Code Community conferences content content strategy CSS Design development eric meyer Happy Cog™ HTML HTML5 Seattle speaking Standards State of the Web Tools Usability User Experience UX Web Design Web Standards Zeldman

An Event Apart Seattle

Above: Part of my deck for “Put Your Worst Foot Forward,” a talk on learning from mistakes at An Event Apart Seattle 2010.

Greetings, web design fans. I’m in Seattle doing the final prep for three days of kick-ass design, code, and content. Starting Monday, April 5 and running through Wednesday, April 8, An Event Apart Seattle 2010 features 13 great speakers and 13 sessions, and has been sold out for over a month. A Day Apart, a special one-day learning experience on HTML5 and CSS3, follows the regular conference and is led by Jeremy Keith and Dan Cederholm.

The all-star cast includes …

… And that’s just the first day.

There are also two parties (sponsored by our good friends at Media Temple and MSNBC) and seven more great speakers with topics of interest to all standards-based web designers.

If you can’t be with us, follow the Twitter stream live on A Feed Apart.

Categories
AIGA Appearances better-know-a-speaker cities Design glamorous Happy Cog™ Jason Santa Maria New York City NYC Zeldman

Lost in Space

Jeffrey Zeldman onstage.

Jeffrey Zeldman onstage at Galapagos Art Space, Brooklyn, New York. Photo by Onno de Jong from last night’s AIGA/NY talk and birthday celebration, curated by Jason Santa Maria.

Categories
A List Apart An Event Apart Appearances architecture art direction Authoring Browsers bugs Career Chicago cities Code Community Compatibility conferences content content strategy creativity CSS Design development DOM downloads editorial Education engagement eric meyer events flickr Fonts Formats glamorous Happy Cog™ HTML HTML5 industry Information architecture Jason Santa Maria javascript Markup photography Real type on the web Scripting Search social networking speaking spec Standards State of the Web

Chicago Deep Dish

Dan Cederholm and Eric Meyer at An Event Apart Chicago 2009. Photo by John Morrison.

For those who couldn’t be there, and for those who were there and seek to savor the memories, here is An Event Apart Chicago, all wrapped up in a pretty bow:

AEA Chicago – official photo set
By John Morrison, subism studios llc. See also (and contribute to) An Event Apart Chicago 2009 Pool, a user group on Flickr.
A Feed Apart Chicago
Live tweeting from the show, captured forever and still being updated. Includes complete blow-by-blow from Whitney Hess.
Luke W’s Notes on the Show
Smart note-taking by Luke Wroblewski, design lead for Yahoo!, frequent AEA speaker, and author of Web Form Design: Filling in the Blanks (Rosenfeld Media, 2008):

  1. Jeffrey Zeldman: A Site Redesign
  2. Jason Santa Maria: Thinking Small
  3. Kristina Halvorson: Content First
  4. Dan Brown: Concept Models -A Tool for Planning Websites
  5. Whitney Hess: DIY UX -Give Your Users an Upgrade
  6. Andy Clarke: Walls Come Tumbling Down
  7. Eric Meyer: JavaScript Will Save Us All (not captured)
  8. Aaron Gustafson: Using CSS3 Today with eCSStender (not captured)
  9. Simon Willison: Building Things Fast
  10. Luke Wroblewski: Web Form Design in Action (download slides)
  11. Dan Rubin: Designing Virtual Realism
  12. Dan Cederholm: Progressive Enrichment With CSS3 (not captured)
  13. Three years of An Event Apart Presentations

Note: Comment posting here is a bit wonky at the moment. We are investigating the cause. Normal commenting has been restored. Thank you, Noel Jackson.

Short URL: zeldman.com/?p=2695

Categories
An Event Apart Appearances business Chicago cities Design HTML speaking Standards Usability User Experience UX Web Design Web Standards Zeldman

Chicago Sells Out

An Event Apart Chicago, two days of design, code, and content.

An Event Apart Chicago has sold out. If you wanted to join us in Chicago on October 12–13 for two days of design, code, and content, we’re sorry to announce that the show has completely sold out. There’s not a spare seat to be had.

That means, if you don’t already have a ticket, you won’t be able to watch Jason Santa Maria, Kristina Halvorson, Dan Brown, Whitney Hess, Andy Clarke, Aaron Gustafson, Simon Willison, Luke Wroblewski, Dan Rubin, Dan Cederholm, and your hosts Eric Meyer and Jeffrey Zeldman share the latest ideas in design, development, usability, and content strategy.

We’re sorry about that.

But, hey. If you can’t be with us in Chicago next week, please join us in San Francisco later this year. Or come see us in 2010 at any of these fine cities:

Tickets for all our 2010 shows go on sale November 2nd, 2009, and are first-come, first served.

To keep up with the latest AEA doings, become a fan on Facebook, join our Ning social network, or subscribe to our mailing list.

Short URL: zeldman.com/?p=2651

Categories
A List Apart An Event Apart Appearances better-know-a-speaker cities Code Community conferences content creativity CSS Design development Education eric meyer events HTML industry Information architecture Seattle Web Design Web Standards

Seattle-bound

City of Puget Sound, Jimi Hendrix, and the space needle, here I come for An Event Apart Seattle 2009—two days of peace, love, design, code, and content.

[tags]seattle, aneventapart, webdesign, webstandards, design, conference, conferences, webdesign conference, webdesign conferences, standards, IA, UX, ericmeyer, jeffreyzeldman, zeldman, meyerweb[/tags]

Categories
A List Apart An Event Apart art direction Boston Chicago cities Code conferences content CSS Design development eric meyer events Happy Cog™ links Redesigns San Francisco Seattle Standards User Experience UX Web Design work Zeldman

An Event Apart redesigned

There’s a new aneventapart.com in town, featuring a 2009 schedule and a reformulated design. I designed the new site and Eric Meyer coded. (Validation freaks, only validator.nu is up to the task of recognizing the HTML 5 DOCTYPE used and validating against it; the validator.w3.org and htmlhelp.com validators can’t do this yet. Eric chose HTML 5 because it permits any element to be an HREF, and this empowered him to solve complex layout problems with simple, semantic markup. Eric, I know, will have loads more to say about this.)

Family branding concerns drove the previous design. Quite simply, the original An Event Apart site launched simultaneously with the 2005 redesign of A List Apart. Jason Santa Maria‘s stripped-down visual rethink was perfect for the magazine and is imitated, written about, and stolen outright to this day. It was a great design for our web magazine because it was created in response to the magazine’s content. It didn’t work as well for the conference because its design wasn’t driven by the kind of content a conference site publishes. But it was the right conference design for 2005 because the goal at that time was to create a strong brand uniting the long-running web design magazine with the new web design conference that sprang from it.

New goals for a new environment

In 2009, it’s less important to bolt the conference to the magazine by using the same layout for both: by now, most people who attend or have thought about attending An Event Apart know it is the A List Apart web design conference. What’s important in 2009 is to provide plenty of information about the show, since decisions about conference-going are being made in a financially (and psychologically) constricted environment. In 2005, it was enough to say “A List Apart has a conference.” Today more is needed. Today you need plenty of content to explain to the person who controls the purse strings just what you will learn and why a different conference wouldn’t be the same or “just as good.”

The redesign therefore began with a content strategy. The new design and new architecture fell out of that.

Action photos and high contrast

The other thing I went for—again, in conscious opposition to the beautifully understated previous design—was impact. I wanted this design to feel big and spacious (even on an iPhone’s screen) and to wow you with, for lack of a better word, a sense of eventfulness. And I think the big beautiful location images and the unafraid use of high contrast help achieve that.

Reinforcing the high contrast and helping to paint an event-focused picture, wherever possible I used action shots of our amazing speakers holding forth from the stage, rather than the more typical friendly backyard amateur head shot used on every other conference site (including the previous version of ours). I wanted to create excitement about the presentations these brilliant people will be making, and live action stage photos seemed like the way to do that. After all, if I’m going to see Elvis Costello perform, I want to see a picture of him onstage with his guitar—not a friendly down-to-earth shot of him taking out the garbage or hugging his nephews.

So that’s a quick overview of the redesign. The store is now open for all four shows and the complete Seattle show schedule is available for your viewing pleasure. I hope to see some of you in 2009 at our intensely educational two-day conference for people who make websites.

[tags]aneventapart, design, redesign, relaunch, webdesign, conference, events, HTML5, ericmeyer, zeldman[/tags]

Categories
architecture cities glamorous homeownership industry New York City NYC spec Standards Tools work Working Zeldman

Fast high-speed access for NYC internet professionals

I’m home watching a sick kid and waiting for Time Warner Cable to come make a third attempt to install a cable modem. If you’re good at math, that means Time Warner Cable, the market leader in my city, has twice failed to install the correct cable modem in my home.

Because the web never sleeps, even web professionals who work in an office need reliable high-speed access when they are at home. Speakeasy provided that service via DSL in our old apartment (our previous DSL provider having been wiped out, literally, on September 11, 2001), but, as documented in old posts on this site, it took two months of comedic mishap for Speakeasy to get our home DSL working. And after Best Buy bought Speakeasy, it became harder and harder to contact the company’s technical support people to resolve service problems—of which there were more and more. By the time we moved out of our old apartment in December, 2007, frequent gapping and blackouts made our 6Mb Speakeasy DSL service more frustrating than pleasant to use.

The monopoly wins the bid

So when we moved to the new apartment, we decided to immediately install cable modem access as a baseline, and then secure reliable DSL access for redundancy. Time Warner Cable had set up a deal with our new building, and no cable competitor was available to service our location (you read that right), so the Time Warner got the gig. They came quickly and the system worked immediately. The digital HD cable fails once a week, probably due to excessive line splitting, but that’s another story, and we don’t watch much TV, so it doesn’t bug us, and it isn’t germane here.

Unwilling to repeat the failures and miscommunications that marked our Speakeasy DSL installation, I went ahead and had Time Warner Cable set up the wireless network. It costs extra every month, and Time Warner’s combination modem/wireless/Ethernet hub isn’t as good as the Apple Airport devices I own, but it makes more sense to pay for a system that’s guaranteed to work than to waste billable hours debugging a network.

Due to the thickness of our walls, the wireless network never reached our bedroom, but otherwise everything was hunky-dory. Within a few days of moving in, we had reliable, wireless, high-speed internet access. Until Time Warner told us otherwise.

The notice

Last spring we received a form letter from Time Warner stating that they’d installed the wrong modem, and that we were not getting the service we’d paid for. Apparently this was true for all customers who chose the service. Some of our money was refunded, and we were advised to schedule a service appointment or come to the 23rd Street office for a free replacement modem.

I went to the 23rd Street office, took a number, and within about fifteen minutes I was sitting in front of a representative. I showed him the form letter and requested the new modem.

He asked me for my old modem.

I said I hadn’t brought it, and pointed out that I hadn’t been instructed to bring it.

We both reread the form letter.

“It’s implied,” the rep said.

“Implied?” I said.

“Sure,” he said. “If we’re going to give you a new modem, of course we’ll want your old modem.”

I guess it was implied. But it wasn’t stated. And when you charge an installation fee, a hardware fee, and a monthly service fee, and then give people the wrong modem, you probably shouldn’t rely on inference in your customer support copy. To avoid compounding your customer’s frustration, you should probably be absolutely explicit.

I didn’t say these things to the rep, because he didn’t write or approve the copy or send the wrong modem to all those homes. I left empty-handed and continued to use the modem we had. There didn’t seem to be anything wrong with it. Whatever the poorly written form letter had to say about it, as a customer, I didn’t have a problem with the modem.

A visit from a professional

As summer ended, Time Warner Cable sent me a new form letter. This time I was told, rather darkly, that if I failed to replace my modem, I definitely would not get the service I was paying for. Indeed, my service level would somehow be lowered, although it appeared that I would continue being billed a premium price.

So I called Time Warner, arranged a service visit, and spent the day working at home.

Around the middle of the service window, a Time Warner Cable authorized technician showed up with a regular DSL modem (not a wireless modem).

“You have wireless?” he asked in amazement.

“Yes,” I said. “Doesn’t it say that on your service ticket?”

“Hey, I’m just a consultant. I don’t work for Time Warner Cable,” he helpfully informed me.

“So are you going to get a wireless router from your truck?” I offered after a pause.

“I don’t have those,” he said.

We looked at each other for a while, and then he said, “Besides, you don’t need to replace your modem. There’s nothing wrong with it.”

“Come again?”

“There’s nothing wrong with your modem. You don’t need to replace it,” he said.

Then he called someone to inform them that he hadn’t swapped modems.

Then he asked me to sign a form.

“What am I signing?” I asked. “That you didn’t do anything?” I said it more politely than it reads.

“You’re signing that I was here,” he said. So I did.

That evening, as I was bathing my daughter, Time Warner Cable called to ask if I was satisfied with the experience.

I said frankly I was confused why I’d had to stay home all afternoon for a service visit on a modem that didn’t need to be replaced.

The nice lady said she would talk to her supervisor and run some tests.

I was on hold about five minutes, during which my daughter found various ways of getting water out of the tub and onto me.

The nice lady came back on and said, “I’m sorry, sir, but we just ran tests, and you do have the wrong modem. We’ll need to send someone out.”

So here I am, two weeks later, waiting for a technician to come try again. Will this one bring the right hardware? The suspense is awesome.

Although New York is a leading creator of websites and digital content, the town’s home and office internet connectivity lag behind that of practically every other U.S. city. Two factors account for it:

  1. An aging infrastructure. It’s hard to deliver best internet services over a billion miles of fraying, overstretched, jerry-rigged copper line.
  2. Monopoly. How hard would you try if you had no real competitors?

In future installments, I’ll discuss our adventures securing high-speed access to our studios at Happy Cog New York, and discuss the pros and cons of Verizon home DSL.

[Update: Don’t miss the denoument.]

[tags]timewarner, timewarnercable, speakeasy, Verizon, DSL, cablemodem, internet, access, highspeed, high-speed, roadrunner, turbo[/tags]

Categories
An Event Apart Chicago cities conferences content CSS Design development Standards User Experience Web Design

An Event Apart Chicago sells out

An Event Apart Chicago, the final AEA event of 2008, has sold out. If you’ve already secured a seat for this remarkable two-day web design conference, we look forward to seeing you October 13–14 at the Sheraton Towers Chicago—along with Andy Clarke, Sarah Nelson, Robert Hoekman Jr., Jason Fried, Cameron Moll, Rob Weychert, Derek Powazek, Curt Cloninger, Jason Santa Maria, Jeffrey Veen, and your hosts, Eric Meyer and Jeffrey Zeldman (that’s me).

If you’ve missed the opportunity to join us this year, we’ll announce An Event Apart’s 2009 schedule on Wednesday, October 1, 2008. Stay tuned.

Update: An Event Apart has announced the first cities in its 2009 schedule.

[tags]aneventapart, webdesign, conference, conferences[/tags]

Categories
air travel cities conferences ethics events experience family glamorous Web Design

The lessons of September 11, 2002

On September 11, 2002, I found myself in a place as strange as Vegas. I was there to speak at a web conference. They must have gotten a good deal on the rooms, it being the first anniversary of the attacks.

“They’re holding a conference on September 11th?” I had shouted aloud on receiving my emailed invitation to speak at the show. “How could they?”

And how could I, as a New Yorker, respond to such an invitation?

But people told me if we couldn’t hold web design conferences on September 11th, then the terrorists had won. People said many stupid things back then and still do. I don’t know why I heard wisdom, or the call of duty, in this sophistry. But off I went, persuaded that I was somehow taking a stand against the people who had so grievously harmed us.

On September 10th, I gave my talk to a roomful of hungover IT professionals. On September 11th, I slouched around the conference site at Caesars Palace feeling absurd and unreal and painfully missing the woman who is now my wife. (I love you, honey.)

In New York, George Bush was laying a wreath at Ground Zero. In Las Vegas, I was lying on a sedan chair, watching the animated flag on the JumboTron outside the Bellagio. The pixelated call to patriotism felt not merely inadequate but crazily beside the point. Its 60-second cycle seemed to proclaim that our enemies may fly our planes into our buildings, but damn it, we have big-screen animation.

Many of our subsequent responses to 9/11 have felt like that giant LCD—gung-ho about the wrong things, a garish distraction to keep us from seeing and solving our real problems. But on September 11, 2002, I only knew that it was not patriotic or wise to have left my woman alone in New York City on that day.

And that JumboTrons suck.

And that I hate Vegas.

[tags]myglamorouslife, september11, 9/11, anniversary, webdesign, conferences, lasvegas[/tags]