Categories
apps Archiving art Design Illustration My Back Pages Web Design Web Design History

For love of pixels

Sure, watches that tell you when you’re walking unsteadily and pocket computer phones that show you the closest pizzeria are swell, but were you around for ResEdit? That humble yet supremely capable Macintosh resource editing tool is what we used to design pixel art back in the day. (And what day was that? Come August, it will be 30 years since the final release of ResEdit 2.1.3.) Stroll with us down memory lane as we celebrate the pearl anniversary of pixel art creation’s primary progenitor, and some of the many artists and design languages it inspired. Extra credit: When you finish your stroll, consider posting a Comment sharing your appreciation for this nearly forgotten art form and/or sharing links to additional pixel art icon treasures missing from our list below.

Categories
Advocacy Archiving Browsers Community Design glamorous HTML industry javascript launches links Off My Lawn! people Publications Responsive Web Design Standards State of the Web Stories The Profession W3C Web Design Web Design History Web Standards Websites

He Built This City: The Return of Glenn Davis

You may not know his name, but he played a huge part in creating the web you take for granted today. 

As the first person to realize, way back in 1994, that the emerging web could be a playground, he created Cool Site of the Day as a single-focused blog dedicated to surfacing interesting sites, thereby demonstrating the web’s potential while creating its first viral content. (As an example, traffic from his followers, or, as we called them back then, readers, brought NASA’s web server to its knees.)

He co-founded The Web Standards Project, which succeeded in bringing standards to our browsers at a time when browser makers saw the web as a software market to be dominated, and not a precious commons to be nurtured.

He anticipated responsive web design by more than 20 years with his formulation of Liquid, Ice, and Jello as the three possible ways a designer could negotiate the need for meaningful layout vis-a-vis the unknowns of the user’s browsing environment.

He taught the web DHTML through his educational Project Cool Site. 

And then, like a handful of other vital contributors to the early web (e.g. Todd Fahrner and Dean Allen), he vanished from the scene he’d played so large a role in creating.

He’s ba-ack

Glenn Davis wasn’t always missed. Like many other creators of culture, he is autistic and can be abrasive and socially unclueful without realizing it. Before he was diagnosed, some people said Glenn was an a**hole—and some no doubt still will say that. I think of him as too big for any room that would have him. And I’m talking about him here because he is talking about himself (and the history of the early web) on his new website, Verevolf.

If you go there, start with the introduction, and, if it speaks to you, read his stories and consider sharing your own. That’s how we did it in the early days, and it’s still a fine way to do it—maybe even the best way.

I knew Glenn, I worked with him and a lot of other talented people on The Web Standards Project (you’re welcome!), and it’s my opinion that—if you’re interested in how the web got to be the web, or if you were around at the time and are curious about a fellow survivor—you might enjoy yourself.

Categories
Archiving blogger Blogs and Blogging Web Design Web Design History work writing Zeldman zeldman.com

Look back in anchor tags

NEW YEARS bring thoughts of old years, and, to a designer and veteran “blogger,” thoughts of old work. My personal site, begun in 1994, was many things: an interview zine (my first web client, Donald Buckley, named it: 15 Minutes), a newfangled GIF animation playground, a freeware icon factory, an Advertising Graveyard, and more. But eventually, before it was forgotten entirely, it became best known as a blog.

Inspired by Dori Smith’s recent Facebook post about old-school blogging and the possibility of a “20th Anniversary of Blogging” unconference/relaxacon, I thought it might be fun to poke through the old blog a bit with you, gentle reader. My blog began in 1995, but, for now, you can only page through the entries as far back as August, 1997, as I seem to have neglected to build “previous” page links before that, and may also have overwritten my earliest entries (not realizing, at the time, that you and I might ever want to look back at any of this).

Below, I begin the retrospective in 2004 and work backwards to 1997. (After 2004, I stopped hand-coding each entry and began using WordPress, resulting in this sort of thing. Also after 2004, I stopped redesigning the site every few months, partly, but not exclusively, because I got busier designing other people’s sites. I also stopped redesigning the site every few months because I had become more strategic about design—more interested in design as problem solving, less as making pretty pages. Say, remember when we designed “pages”? But I digress.)

Here, for your pleasure, are some pages from the past:

 

Silence and Noise?—?“Now that some of us have helped bring standards into the mainstream, wouldn’t it be best to keep them there?”?—?12 August 2004 (the iconic green design) http://www.zeldman.com/daily/0804b.shtml

Typical blog entries?—?on web performance and “the new Samaritans” (designers who recode other people’s sites to be standards-compliant)?—?28 July 2004 (the iconic green design) http://www.zeldman.com/daily/0704e.shtml

CSS Validator is Broken?—?5 February 2004 (the creme design) http://www.zeldman.com/daily/0204b.shtml

Don’t Design on Spec?—?26 January 2004 (the creme design) http://www.zeldman.com/daily/0104h.shtml

Chip Kidd & Alfred Hitchcock?—?20 January 2004 (the creme design) http://www.zeldman.com/daily/0104f.shtml

Tears for Istanbul?—?26 November 2003 (rooster design) http://www.zeldman.com/daily/1103a.shtml

Ladies and gentlemen, A List Apart 3.0–22 October 2003 (rooster design) http://www.zeldman.com/daily/1003a.shtml

“Jeffrey Zeldman is good enough for me.” 2 November 2002 (teal swap design) http://www.zeldman.com/daily/1002d.shtml

Typical blog entries?—?16 October2002 (the iconic red design) http://www.zeldman.com/daily/1002a.html

Typical blog entries?—?super secret Charlotte Gray style guide (now offline)?—?26 August 2002 (HTML fist, red design) http://www.zeldman.com/daily/0802c.html

Typical blog entries?—?in the middle of writing Designing With Web Standards, then titled Forward Compatibility?—?30 July 2002 (the iconic red design) http://www.zeldman.com/daily/0802a.html

“The heartbreak of sizing small text with ems”?—?21 May 2002 http://www.zeldman.com/daily/0502c.html

Typical blog entries, 25 January 2002 (the iconic red design?—?liquid variant) http://www.zeldman.com/daily/0102d.html

Daily Report 31 August 1999, liquid orange design (unfinished) http://www.zeldman.com/com0899.html

Daily Report 14 October 1998, liquid orange design (unfinished) with Web Standards Project banner ad at the top of the page http://www.zeldman.com/com1098.html

“Previous Reports” 31 August 1997, ugly yellow bacon strip style, http://www.zeldman.com/came2.html

 

Also published in Medium.

studio.zeldman is open for business. Follow me @zeldman.

Categories
Archiving art art direction arts Big Web Show Culture Design The Big Web Show

Dead Pixel Society

Editing icons 1990s style in ResEdit

FANS OF ICON ART and The Big Web Show, listen up. Tomorrow’s Big Web Show guest is Justin Dauer (AKA @pseudoroom) of The Dead Pixel Society. Justin was a web icon artist in the mid-1990s, back when I also dabbled in the art. Indeed, it was talented folks like Justin and my friends at The Iconfactory who made me realize that specializing in icons was probably not going to be a thing for me, as they were so much better at it.

Ah, for the days when a pixel was a pixel!

To celebrate those times and that body of work, Justin has gathered together some of the best of those 1990s icon artists at The Dead Pixel Society. Its mission: to “honor the humble pixel with desktop icon creations we would’ve designed the past 18 years, via 1996 ResEdit-esque constraints.” The site, although it has not yet officially launched, is now available in preview.

I loved those days of the early web, when progressive enhancement meant making sure it worked in 16 colors as well as 216. So I’m quite excited about my upcoming conversation with Justin. You can listen in to the live taping tomorrow, Thursday October 2nd, from 10:00AM–11:100AM EDT on 5by5.tv. The final, edited show will be posted a few hours later at 5by5.tv/bigwebshow; you can also subscribe via iTunes and/or RSS. Here’s looking at you, pixel!

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
"Digital Curation" Archiving Best practices content

Sippey on Digital Archiving

Future generations of digital product people would benefit from this approach to digital archiving; to understand the decisions we made, the tradeoffs we had to live with, and the context in which we operated. It’s why reading Tracy Kidder’s The Soul of a New Machine is still useful to us today, while spending time with the Data General Eclipse MV/8000 (if you could even get your hands on one) isn’t. In 20 years, even if you could get a page of the Huffington Post to render faithfully, it wouldn’t do much for you. But if you had archival footage of the HuffPo user experience, combined with insight into the decision making process of the design team, combined with background information on the economics of content and online advertising in 2011, along with an understanding of how Twitter and Facebook worked — that would be much more useful, and would give you a richer understanding of both the product and its context.

on archiving digital products – this is sippey.com