Bear Shot in Design Studio
“New office mascot: @zeldman rocking a bear costume” by Phillip Reyland. Photographed at A Space Apart, NYC.
Bear suit courtesy of Shopify. No animals were harmed. Happy Twenty-Thirteen, everybody.
To Leiden, To Leiden
THEY’RE SLEEPING in New York. They’re sleeping all over the world. Even here in Leiden, The Netherlands, they’re still mumbling and drooling in their beds. But not me. I’m awake and packing for my return home to NYC after three glorious days here in this ancient university town, where I was privileged to speak at the first Inspire conference. And all you got were these lousy photos.
- Holland 2012 Inspire – my Leiden and conference photos on Flickr
- Ready to Inspire – conference about web design, type and code
- Follow inspireconf on Twitter
- My Leiden – a Foursquare list
- City of Leiden homepage
- Leiden on Wikipedia
Related: Design Problem
Post-Induction Party Pix by Annie Ray | SXSWi 2012
I THREW A PARTY on the last night of SXSW Interactive 2012 to celebrate my induction in the Hall of Fame. Photos © Annie Ray, annieray.net. The entire photo gallery is available for your viewing pleasure at http://cog.gd/3m0.
Pardon My Linkage
For more about this year’s SXSW Interactive, my induction in the Hall of Fame, and “Go Forth & Make Awesomeness,” my session with Leslie Jensen-Inman, see:
- Jeffrey Zeldman tribute video – on his induction into the SXSW Interactive Hall of Fame (Vimeo)
- Austin Chronicle: Where No Man Has Gone Before
- The Interactive Awards Pre-Party and Ceremony Presented by HP (Lanyrd)
- Jeffrey Zeldman to be Inducted to SXSW Hall of Fame at 2012 Interactive Awards (SXSW)
- .net Magazine: Zeldman inducted to the SXSWi Hall of Fame
- An Interview with Jeffrey Zeldman (Cognition)
- Go Forth & Make Awesomeness: Core Values & Action – a session at SXSW Interactive 2012
- COMPLETE AUDIO from “Go Forth & Make Awesomeness”
- The Impossible Year
- SXSW Ceremony
- Of Austin Fame and Marches (Dolls for Friends)
The Impossible Year | Jeffrey Zeldman with Mini-Zeldman Doll Polaroid…
Jeffrey Zeldman with Mini-Zeldman Doll
Polaroid SLR 680SE / Impossible PX-680 Color Shade
Jeffrey became the first person inducted into the SXSW Interactive Hall of Fame. Afterwards there was a party with mini-Zeldman dolls.
A Book Apart Photo Pool on Flickr
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.
HTML5, CSS3, UX, Design: Links from An Event Apart Boston 2011
THE SHOW IS OVER, but the memories, write-ups, demos, and links remain. Enjoy!
Speakers, attendees, parties, and the wonders of Boston, captured by those who were there.
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.
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.
“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.
“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.
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’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.”
“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’s amazing talk—a key aspect of design in 2011 and AEA session of note—as captured by the great Luke Wroblewski.
“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.
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.
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.”
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!
“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.
The “Mad Men” opening titles re-created entirely in CSS3 animation. (Currently requires Webkit browser, e.g. Safari, Chrome.)
Anthony Calzadilla, a key collaborator on the Mad Men CSS3 animation, showcases his works.
Pure CSS3 box-shadow page curl effect. Mentioned during Ethan Marcotte’s Day 3 session on exploring CSS3.
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!”)
Ethan Marcotte: “Hello. I am here to discuss CSS3 gradients. Because, let’s face it, what the web really needed was more gradients.”
Like it says.
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:
- Eric Meyer: CSS Anarchist’s Cookbook
- Mark Boulton: Outing the Mind: Designing Layouts That Think for You
- 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
Five Billionth Flickr photo
Flickr members upload more than 3,000 images every minute. Here is the five billionth.
I guest-edit .net magazine
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
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