LET YOUR NERD FLAG FLY! Now there is a Flickr group for A Book Apart readers. Come one, come all. Share beauty shots of your A Book Apart collection. Share unboxing photos. Share pictures of your fine self interacting with our awesome books. If you love reading our brief books for people who make websites, we want to see and hear from you.

Flickr: The A Book Apart Pool.

Filed under: A Book Apart, A List Apart, Design, people, photography, Publications, Publishing, Web Design, Web Standards, Websites

Comments off.

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!

Filed under: 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

Comments off.

Untitled

Filed under: iphone, people, photography

Comments off.

Flickr members upload more than 3,000 images every minute. Here is the five billionth.

Filed under: "Digital Curation", business, Community, Design, events, flickr, photography

Comments off.

A List Apart and .net magazine have long admired each other. So when .net editor Dan Oliver did me the great honor of asking if I wished to guest edit an issue, I saluted smartly. The result is now arriving in subscriber post boxes and will soon flood Her Majesty’s newsstands.

In .net magazine Issue No. 206, on sale 17th August in UK (and next month in the US, where it goes by the name “Practical Web Design”), we examine how new standards like CSS3 and HTML5, new devices like iPhone and Droid, and maturing UX disciplines like content strategy are converging to create new opportunities for web designers and the web users we serve:

• Exult as Luke Wroblewski shows how the explosive growth of mobile lets us stop bowing to committees and refocus on features customers need.
• Marvel as Ethan Marcotte explains how fluid grids, flexible images, and CSS3 media queries help us create precise yet context-sensitive layouts that change to fit the device and screen on which they’re viewed.
• Delight as Kristina Halvorson tells how to achieve better design through coherent content wrangling.
• Thrill as Andy Hume shows how to sell wary clients on cutting-edge design methods never before possible.
• Geek out as Tim Van Damme shows how progressive enhancement and CSS3 make for sexy experiences in today’s most capable browsers—and damned fine experiences in those that are less web-standards-savvy.

You can also read my article, which asks the musical question:

Cheap, complex devices such as the iPhone and the Droid have come along at precisely the moment when HTML5, CSS3 and web fonts are ready for action; when standards-based web development is no longer relegated to the fringe; and when web designers, no longer content to merely decorate screens, are crafting provocative, multi-platform experiences. Is this the dawn of a newer, more mature, more ubiquitous web?

Today’s web is about interacting with your users wherever they are, whenever they have a minute to spare. New code and new ideas for a new time are what the new issue of .net magazine captures. There has never been a better time to create websites. Enjoy!

Photo by Daniel Byrne for .net magazine. All rights reserved.

Filed under: A List Apart, An Event Apart, Announcements, Appearances, Applications, architecture, art direction, Best practices, Browsers, chrome, Code, CSS, CSS3, Damned Fine Journalism, Design, Designers, editorial, Education, engagement, glamorous, Happy Cog™, HTML, HTML5, Ideas, industry, interface, ipad, iphone, launches, Layout, photography, Press, Publications, Publishing, Real type on the web, Responsive Web Design, Standards, State of the Web, The Big Web Show, The Essentials, The Profession, This never happens to Gruber, type, Typography, User Experience, UX, W3C, Web Design, Web Design History, Web Standards, webfonts, webkit, Websites, webtype, writing, Zeldman, zeldman.com

Comments off.

The show’s over but the photos linger on. An Event Apart Minneapolis was two days of nonstop brilliance and inspiration. In an environment more than one attendee likened to a “TED of web design,” a dozen of the most exciting speakers and visionaries in our industry explained why this moment in web design is like no other.

If you were there, relive the memories; if you couldn’t attend, steal a glance at some of what you missed: An Event Apart Minneapolis: the photo pool at Flickr.

Next up: An Event Apart DC and San Diego. These shows will not be streamed, simulcast, or repackaged in DVD format. To experience them, you must attend. Tickets are first-come, first-served, and every show this year has sold out. Forewarned is forearmed; we’d love to turn you on.

Photo: Jared Mehle.

Filed under: A List Apart, An Event Apart, Appearances, Best practices, better-know-a-speaker, conferences, content, content strategy, creativity, CSS, CSS3, Curation, Design, Designers, engagement, eric meyer, Happy Cog™, HTML, HTML5, Ideas, Images, industry, Minneapolis, people, photography, Responsive Web Design, Typography, Usability, User Experience, UX, W3C, Web Design, Web Standards, webfonts, Zeldman

Comments off.

“A half-century ago, Afghan women pursued careers in medicine; men and women mingled casually at movie theaters and university campuses in Kabul; factories in the suburbs churned out textiles and other goods.

“There was a tradition of law and order, and a government capable of undertaking large national infrastructure projects, like building hydropower stations and roads, albeit with outside help. Ordinary people had a sense of hope, a belief that education could open opportunities for all, a conviction that a bright future lay ahead. All that has been destroyed by three decades of war, but it was real.”

Once Upon a Time in Afghanistan, a photo essay by Mohammad Qayoumi

Filed under: events, experience, links, photography, war, peace, and justice

Comments off.

M.I.A. Takes to the Streets: a slide show at NYTimes.com.

Photos: Ryan McGinley for The New York Times.

Filed under: art direction, Design, people, photography

Comments off.

Transit Authority K-9 Police use German Shepherds on the subway to deter crime. ~ image copyright © Allan Tannenbaum

The body of Nancy Spungen, girlfriend of Sex Pistols bassist Sid Vicious, is carried from the Chelsea Hotel, 1978. ~ image copyright © Allan Tannenbaum

These and numerous other unforgettable images are available in DIRTY, DANGEROUS & DESTITUTE | NEW YORK IN THE 70s: Photos by Allen Tannenbaum at The Selvedge Yard.

Hat tip: Ara Pehlivanian

Many people still think NYC is this way. It ain’t. I visited NYC as a wide-eyed teenager during this era and met pederasts, opium dealers, and prostitutes without even trying. I visited again as a young man at the end of the decade, goggly over the music scene (which was already packaged and dying).

When I finally moved to NYC in 1988, large parts of it were still pretty ragged. You could cop dope behind The New York Public Library and get shot on Avenue B. You could also accidentally start a fire in your apartment and not get kicked out. Or so I have, uh, read.

For all the dings on his soul, Rudy G really changed this town. He made it much more expensive but also much, much safer and more livable. Today it is one of the safest and most beautiful cities in America. A lot of change in a short time.

Filed under: Community, Culture, Curation, NYC, photography, Publications

Comments off.

Ian Corey in the hundred-year-old elevator at Nuthouse Hardware. Via flickr.com. Posted via web from Does This Zeldman Make My Posterous Look Fat?

Filed under: New York City, NYC, people, photography

Comments off.