Categories
Design development Redesigns Web Design work Working Zeldman zeldman.com

Redesign template finals

Note: Top left and top right footer elements rotate. ALA element (top middle) changes every two weeks, upon publication. Bottom three elements are static, at least for now.

Thanks to Mark Huot for the rotation script (same one we use on Happy Cog) and Noel Jackson, Daniel Mall, and Media Temple for the love and support.

A couple more templates to go, and then we can build this thing. Can’t wait.

[tags]zeldman, zeldman.com, design, redesign, designingfromthecontentout[/tags]

Categories
CSS Design development Happy Cog™ HTML Web Design Web Standards wordpress work Working XHTML Zeldman zeldman.com

Orange you glad

Working on the footer of zeldman.com redesign. Once footer is done, going to adjust header and Twitter sidebar blip.

[tags]zeldman, zeldman.com, design, redesign, css[/tags]

Categories
CSS Design Web Design Web Standards Zeldman zeldman.com

Alternate color scheme

Thanks for the great feedback, folks. For those who find the orange background objectionable, I’ll offer a user-selectable alternate color scheme, like this one (quick sketch, ignore the color of the printer’s mark at the top, final colors may vary).

[tags]zeldman, zeldman.com, redesign, webdesign, css, code[/tags]

Categories
Appearances Browsers content creativity CSS Design Fonts HTML Layout Web Design Web Standards Websites wordpress work Working XHTML Zeldman zeldman.com

Redesign in progress

Here’s a little something for a Wednesday evening. (Or wherever day and time it is in your part of the world.)

The body and bottom of the next zeldman.com design are now finished. Tomorrow I start working on the top.

Have a look.

Looks extra sweet in iPhone.

I’m designing from the content out. Meaning that I designed the middle of the page (the part you read) first. Because that’s what this site is about.

When I was satisfied that it was not only readable but actually encouraged reading, I brought in colors and started working on the footer. (The colors, I need not point out to longtime visitors, hearken back to the zeldman.com brand as it was in the 1990s.)

The footer, I reckoned, was the right place for my literary and software products.

I designed the grid in my head, verified it on sketch paper, and laid out the footer bits in Photoshop just to make sure they fit and looked right. Essentially, though, this is a design process that takes place outside Photoshop. That is, it starts in my head, gets interpreted via CSS, viewed in a browser, and tweaked.

Do not interpret this as me dumping on Photoshop. I love Photoshop and could not live or work without it. But especially for a simple site focused on reading, I find it quicker and easier to tweak font settings in code than to laboriously render pages in Photoshop.

If you view source, I haven’t optimized the CSS. (There’s no sense in doing so yet, as I still have to design the top of the page.)

I thought about waiting till I was finished before showing anything. That, after all, is what any sensible designer would do. But this site has a long history of redesigning in public, and the current design has been with us at least four years too long. Since I can’t snap my fingers and change it, sharing is the next best thing.

A work in progress. Like ourselves.

[tags]zeldman, zeldman.com, redesign, webdesign, css, code[/tags]

Categories
13 years A List Apart An Event Apart Boston business Career cities conferences Design dreams eric meyer events experience family glamorous Happy Cog™ parenting people Philadelphia Publications Publishing Web Design Zeldman zeldman.com

What happened here

It’s been a month for milestones.

On May 31, my site turned 13 years old.

On June 7, making the previous milestone and all others possible, I had 15 years without a drink or drug.

On Saturday June 28, Carrie and I celebrated five years of marriage by hiring a babysitter, eating a meal, and bumming around the east village.

Between these landmarks came a flight to Pittsburgh and back-to-back train trips from New York to Washington DC, and Boston.

In the last-named burg we put on a two-day design conference for people who make websites.

At home during this same period, our daughter outgrew last month’s clothes, began swimming, got a big-girl bed, attended and graduated summer camp, stopped being even slightly afraid of school, hung out with her grandma, and advanced so much intellectually and emotionally that it would qualify as science fiction if it weren’t the lived experience of ’most everyone who has kids.

Between all that came the usual tumult of client meetings, client projects, and potential new business, giddily intermingled with the publication of two A List Apart issues. Make that three issues as of tomorrow.

Been busy.

If I had to pick an image to symbolize the month, it would be me on a rerouted slow Amtrak train from Boston to New York, using an iPhone and one finger to peck out a strategic response to an 80 page RFP.

That would have been the image, but now there’s a new one. For now there’s today.

On the calendar it is Happy Cog New York’s moving day. Today I pack up what for 18 years was either my apartment or Happy Cog’s New York City headquarters (and was most often both).

I hit bottom in this place. Ended a short-lived, tragically wrong first marriage. Rebuilt my life one cell at a time. Found self. Found love. Became a web designer. Found the love of my life. Married well, had a magical child. Wrote two books. Made money and lost it a couple of times over. Founded a magazine. Co-founded a movement. Worked for others. Freelanced. Founded an agency. Grew it.

It all happened here.

This gently declining space that has been nothing but an office since December and will soon be nothing at all to me, this place I will empty and vacate in the next few hours, has seen everything from drug withdrawal to the first stirrings of childbirth. Happiness, anguish, farting and honeymoons. Everything. Everything but death.

Even after our family moved, the place was never empty. The heiress to an American fine art legacy came here, to this dump, to talk about a potential project. Two gentlemen who make an extraordinary food product came here many times to discuss how their website redesign was going.

When I wasn’t meeting someone for lunch, I went downstairs to this wonderful little place to take away a small soup and a sandwich, which I ate at my desk while reading nytimes.com. Helming the take-away lunch place are three Indian women who are just the sweetest, nicest people ever. The new studio is just far enough away that I will rarely see these ladies any more. I will miss them.

I will miss Josef, the super here, with his big black brush mustache and gruff, gently-East-European-accented voice. He will miss me, too. He just told me so, while we were arranging for the freight elevator. We were kind to him after his heart attack and he has been kind to us since he arrived—the last in a long series of supers caught between an aging building and a rental agent that prefers not to invest in keeping the place up. The doormen and porters, here, too, some of whom I’ve known for nearly twenty years, my God. Can’t think about that.

I will miss being able to hit the gym whenever I feel like it and shower right in my workplace.

And that is all.

This is the death of something but it is the birth of something more. We take everything with us, all our experiences (until age robs us of them one by one, and even then, they are somewhere—during the worst of my mother’s Alzheimer’s, she reacted, however subtly, to Sinatra). We take everything with us. The stink and glory of this place will stay on me even when we are set up in our slick new space. It will be with me long after the landlord’s collection letters have stopped. This place, what happened here, will live until my head cracks like a coconut, and then some.

And now I pre-pack. Adieu, adieu.

[tags]happycog, moves, moving, newyork, NYC, design, webdesign, alistapart, wedding, anniversary, zeldman, zeldman.com, 5years, 13years, 15years[/tags]

Categories
Blogs and Blogging wordpress writing Zeldman zeldman.com

Where do you begin?

Q. I’m searching for your archive. Whenever I find a really good blog, I like to start at the beginning so I can understand better some of what you’re talking about. And I can’t find any link to your archives.

A. Thanks for writing. I started my site in 1995. There weren’t blogging tools back then, hence there aren’t archives in the sense you are describing. I published via hand-coded HTML until around 2004, when I began using WordPress. All my pre-WordPress content is still online; you just have to keep hitting the “PREVIOUS” button to get to it. Sorry about that.

[tags]writing, blogging, wordpress, archive, archives, site, data, organization, structure, dailyreport, zeldman, zeldman.com[/tags]

Categories
Accessibility Design Happy Cog™ Ma.gnolia Usability Zeldman zeldman.com

The feed is gone

Over the weekend, I added my Ma.gnolia bookmarks feed to my blog post template, such that every post would be followed by links to and descriptions of the last five external web pages to have caught my fancy. Inserting the feed into the template was easy and took all of three minutes.

This morning, I removed the feed.

Why I inserted the feed

From 1995 until around the time Happy Cog worked on the Ma.gnolia design project, one of the things I wrote about here was other people’s websites. I did it because I was passionate about web design, and so were the people who read this site. And of course, writing about other people’s sites also provided a ready form and steady stream of content. From 1995 until about 2001, I wrote here several times a day, and had millions of readers.

Then married life, and a business that grew in spite of my lifelong effort to avoid commercial success, ate into my blogging time. Today I write less frequently and have fewer readers. In an effort to provide linkage even when I don’t have time to write posts, I added my Ma.gnolia feed to my site’s sidebar in 2006. (It’s still there, on my front page. You may need to scroll down to see it.)

A flaw in the design

Not everyone notices the Ma.gnolia feed in my sidebar, due to a flaw—one of many—in the way I redesigned zeldman.com in 2004. (I used to redesign this site several times a year, but haven’t touched it since Spring of 2004.)

When I redesigned zeldman.com in 2004, I thought it would be “neat” to make my sidebar’s linked text almost the same color as the background until you hovered over it. The idea being that the focus was on the site’s content, not all the little crap in the sidebar. The sidebar was like sand, and you, the reader, were like a beachcomber with a metal detector. Hover the metal detector over the sand, and you might find a quarter. Hover over my sidebar, and you might find additional content.

Like most “neat” ideas that aren’t entirely practical, this one required compromise in the execution. The result is a conventional sidebar with low-contrast text. Because of the low contrast, lots of people (including people with certain kinds of dyslexia) pay little attention to the sidebar’s content. So I need to redesign.

But meantime, slipping the Ma.gnolia feed out of the sidebar (on blog posts) and into the body of posts itself seemed like another neat idea. People who’d ignored the Ma.gnolia feed in the sidebar would now, finally, bask in its glory. Every post would end with the last five third-party links I’d reviewed. Neat, neat, neat.

Why I removed the feed

This morning I removed the feed from the body of the blog posts for a technical reason and a design/usability reason.

Technically, as we all know, it’s not a great idea to pull content from a third-party site. The third-party site can be slow. It can get hacked. It can even go down, causing one’s own pages not to finish rendering. (As I write this, Ma.gnolia’s server appears to be taking a little nap—an infrequent occurrence, although the server is often slow. As for my embedded Twitter feed, like yours, it suffers from near-constant narcolepsy.)

And from a design usability perspective, the idea just didn’t gel. For one thing, people would dig up old posts and write comments on them about sites newly added to the Ma.gnolia feed. Owing to the age of the posts, those comments were unlikely to be found by other readers. And as soon as the feed updated, the comments would become nonsensical, because they discussed content no longer found in the post.

So the feed is gone.

[tags]design, usability, ma.gnolia, zeldman.com, happycog, links[/tags]

Categories
A List Apart An Event Apart client services Design development events experience Happy Cog™ people Standards writing Zeldman

Zeldman on Talk Radio Today

Live today from 3:00 to 4:00 pm Eastern Time, I’m this week’s guest on “Design Matters with Debbie Millman,” the leading internet talk radio show on the “challenging and compelling canvas of today’s design world.”

If you listen live today at 3:00 pm ET, you can use a call-in number to participate in the show.

Voted “Most Popular Podcast” by the readers of if! Magazine, “Design Matters with Debbie Millman” is an opinionated internet talk radio show with over 150,000 listeners. Previous guests have included Milton Glaser, Stefan Sagmeister, and Ellen Lupton.

The show is produced in the Empire State Building in NYC.

[tags]design, webdesign, talkradio, podcast, debbiemillman, zeldman, jeffreyzeldman, internet, internettalkradio[/tags]

Categories
37signals A List Apart Happy Cog™

All Bits on Deck!

We’re as pleased as pale punch to welcome web designer, CSS whiz, microformats monger, icon designer, outstanding public speaker, and best-selling CSS-design-book author Dan Cederholm and his freshly redesigned SimpleBits site to The Deck, our advertising network targeting web, design and creative professionals.

Dan is a friend and creative hero of mine (and of yours, too, I bet), and it is a thrill to be able to drop a few pennies in his cup.

The premier advertising network for reaching creative, web and design professionals, The Deck serves up millions of page views each month and is uniquely configured to connect the right marketers to a targeted, influential audience.

[tags]simplebits, dancederholm, advertising, webadvertising, deck, thedeck[/tags]

Categories
Blogs and Blogging industry technorati widgets work

Adios, Technorati?

Without my permission, Technorati has stuck my photo and its logo in the sidebar of my site’s front page.

Technorati, when it works, provides useful services to blogs and their readers, such as the ability to track third-party responses to a post. (Google Blog Search works the same street, and refreshes more frequently.)

Technorati also indexes “authority,” which is its word for popularity as determined by the number of Technorati users who mark your site as a favorite.

Sooner or later, almost everyone with a blog “claims” it on Technorati by inserting a small piece of JavaScript into their template.

Until recently, that small piece of JavaScript helped Technorati keep track of your site, and that was all it did.

You could configure the script to show your picture and Technorati’s logo but you didn’t have to, and I chose not to.

Technorati called the script an “embed.”

In the last few days, Technorati apparenty converted its “embeds” to “widgets.”

Widgets do more than embeds, and I’m sure they’ll delight some blog owners. But I am not delighted. I wasn’t asked, or even notified. Through investigation (AKA random clicking) I found the widgets page and “customized” my widget not to show my photo and Technorati’s logo (i.e. I manually opted out of something I had previously already opted out of).

Except the opt-out didn’t take. My photo and Technorati’s logo are still stuck in my front page’s sidebar.

I’ll give Technorati a few days to clear its cache (or its head). If there’s still junk in my sidebar come Monday, then it’s adios, Technorati.

[tags]technorati, widgets, opt-in, opt-out, blogs, blogging, blogosphere[/tags]

Categories
12 years guestbook spam industry

Guestbook spam gambit of the week

Among the messages I receive via this site’s contact form, I was thrilled to see a letter that began thusly:

I stumbled upon your site today and was quite impressed. I really liked the design. Did you make it yourself?

Yes, Jennifer, I did. I made it myself. How kind of you to inquire.

The note then went on to inform me about a non-profit library website similar to Bartleby, “except its far better organized and user friendly.”

The grammatically daft “its” is key to making the message seem like it was written by an average person and not by an internet marketer.

I love the smell of guestbook spam in the morning.

[tags]guestbook spam[/tags]

Categories
Accessibility client services creativity Design development Publishing Standards

Appreciating web design; setting type

We have what we think is a special issue of A List Apart for people who make websites.

  • Every responsible web designer has theories about how best to serve type on the web. In How to Size Text in CSS, Richard Rutter puts the theories to the test, conducting experiments to determine the best of all best practices for setting type on the web. Richard’s recommendation lets designers reliably control text size and the vertical grid, while leaving readers free to resize text.
  • And in Understanding Web Design, I explain why cultural and business leaders mistake web design for something it’s not; show how these misunderstandings retard critical discourse and prevent projects from reaching their greatest potential; and provide a framework for better design through clearer understanding.

Plus, from October 2001, we resurrect Typography Matters by Erin Kissane, the magazine’s editor, who is currently on sabbatical.

[tags]webdesign, css, textsize, type, typography, sizingtype, sizingtext, understanding, typedesign, architecture, newspaperdesign, posterdesign, bobdylanposter, erinkissane, richardrutter, zeldman, jeffreyzeldman, alistapart[/tags]

Categories
events family glamorous Happy Cog™ industry work Zeldman

Facts and Opinions about Zeldman

  1. Yesterday I spoke at BusinessWeek and was interviewed for a podcast that airs next week.
  2. Tomorrow I will speak for Carson at Future of Web Design.
  3. I will not be nicely dressed.
  4. That is because the fancy drycleaner—the best in town—has not yet returned the sharp clothes I wore at An Event Apart San Francisco.
  5. Don’t get me wrong. I do have another dress shirt.
  6. But I wore it to BusinessWeek yesterday. Hence, nothing “tailored” that is also clean.
  7. Which means nothing tailored for my meeting today with a client whose business and premises are somewhat traditional.
  8. All because my drycleaner takes longer to clean my dress shirts than my company takes to design a website.
  9. Almost.
  10. I would switch, but the other drycleaners in my neighborhood tend to shrink my shirts and then deny responsibility for the damage.
  11. So. What to wear.
  12. I might go for the Steve Jobs look.
  13. Or I might go for the “Zeldman” look.
  14. Which, admittedly, is not much of a business look.
  15. But I got into this business so I would not have to dress up. That was kind of the point. Learn HTML, and work in your underwear.
  16. Now that I actually have to dress for clients and the public, I have, in the words of Imelda Marcos, nothing to wear.
  17. Although Imelda was talking about shoes and my problem is shirts.
  18. I could buy a new shirt.
  19. If I didn’t have to work today.
  20. Why, yes, I have been using Twitter. Why do you ask?

[tags]zeldman, businessweek, FOWD, futureofwebdesign, carson, aneventapart, aeasf07, mockturtleneck, stevejobs, apple, twitter[/tags]

Categories
12 years A List Apart An Event Apart Design Happy Cog™ industry Standards work Zeldman

Hi, Mom!

A Business Week slide show, “Thinking Outside the Design Box,” profiles “10 professionals working at the very edges of their disciplines in order to redefine their industries.” Included are designers Lisa Strausfeld of Pentagram, who helped design the interface for One Laptop Per Child; Robin Chase, the founder of Zipcar; and (ulp!) me.

I’m in there because they needed a pretty face, and because of the whole web standards thing.

The piece is part of “Cutting-Edge Designers 2007,” a Business Week Special Report focusing on innovation that arises out of crossing disciplines and combining technologies.

It’s worth reading, which is lucky, because I would have blogged it no matter what.

[tags]design, innovation, businessweek, designers, zeldman[/tags]

Categories
12 years Blogs and Blogging industry Publishing

Daily Reports from 1997 on

Our “Twelve Years of Web 1.0 Goodness” theme continues with a mini-retrospective of Daily Reports from 1997 on. (Earlier Reports are lost due to over-writing.) You don’t need the WayBack machine to go way back in zeldman.com history. Enjoy these representative Daily Report pages from …

Damn, that’s good eatin’. There are thousands of entries; these are just some I found while clicking idly along. As I look at them, I mostly focus on column width, font, text size, and color. I can’t bring myself to read them (although I’m sure some are okay). What is the value, anyway, of an old blog entry? Compared to an old song, an old valentine, not much. What an odd activity for so much human energy to have been channeled into.

Related

Since 1995
Twelve years of juicy Web 1.0 Goodness.™

[tags]blogs, blogging, daily report, blog history, zeldman, zeldman.com[/tags]