Categories
A List Apart Accessibility Applications architecture art direction business Career client services Community content Design development Diversity experience Happy Cog™ Ideas industry Standards Survey User Experience UX Web Design work Working writing

The Survey for People Who Make Websites

It’s back, it’s improved, and it’s hungry for your data. It’s A List Apart’s second annual survey for people who make websites.

I took it! And so should you. The Survey for People Who Make Websites.

Last year nearly 33,000 of you took the survey, enabling us to begin figuring out what kinds of job titles, salaries, and work situations are common in our field.

This year’s survey corrects many of last year’s mistakes, with more detailed and numerous questions for freelance contractors and owners of (or partners in) small web businesses. There are also better international categories, and many other improvements recommended by those who took the survey last year.

Please take the survey and encourage your friends and colleagues who make websites to do likewise.

[Comments off. Pings on.]

[tags]survey, web design survey, webdesign, webdevelopment, professional, alistapart[/tags]

Categories
Accessibility Adobe Applications architecture client services Code CSS Design development eric meyer Tools Web Design WebAssist work

CSS Menu Writer debuts

Launched today, WebAssist Professional’s CSS Menu Writer™ for Dreamweaver takes the pain out of creating standards-compliant horizontal or vertical navigation menus with nested fly-outs.

I got to spend an hour with the program prior to its release, and was impressed with its flexibility and extreme ease of use. For instance, creating primary and secondary menu levels is as simple as pointing to your files and folders. If the client changes the approved site structure after you’ve already created your page templates, no problem: just drag files and folders to their changed locations and CSS Menu Writer will update your navigation.

The program comes with four horizontal and four vertical menus, each in 12 different color schemes—96 menus to start—with unlimited sub-levels. You can easily create Doug-Bowman-style “sliding doors” effects, as well as doing all the obvious stuff you’d expect to be able to do, like changing menu width, height, margin, and padding; swapping backgrounds and images; and saving custom creations as new presets to reedit or share with colleagues. The program also integrates easily with Eric Meyer’s CSS Sculptor.

CSS Menu Writer costs $99.99, but if you buy before May 27, it’s just $74.99.

[tags]webdesign, tools, software, webassist, css[/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 Accessibility Design development Publishing Standards Tools

ALA 256: map rolling & data viz

In Issue No. 256 of A List Apart, for people who make websites, Wilson Miner shares techniques for incorporating data visualization into standards-based web navigation patterns, and Paul Smith shows how to replicate Google Maps’ functionality with open source software to produce high-quality mapping applications tailored to your design goals. Read and enjoy.

P.S. Just for the heck of it, we’ve started an A List Apart Facebook group. Saddle up!

Comments off. (Comment in the magazine.)

[tags]alistapart, datavisualization, maprolling, googlemaps, opensource, navigation, standards, webstandards, design, webdesign[/tags]

Categories
Accessibility John Slatin people

The John Slatin Fund Accessibility Project

The John Slatin Fund Accessibility Project matches accessibility experts with companies that would like a brief review of their site for accessibility. In return, the site owner is asked to contribute a minimum of $500 to The John Slatin Fund.

John was a wonderful man and a friend. This project will raise awareness of accessibility and help his wife Anna cover some of the expenses associated with his long illness. Spread the word.

[tags]john slatin, john slatin fund, accessibility, tribute, memorial[/tags]

Categories
Accessibility Blogs and Blogging business client services creativity Design development Ideas links Marketing social networking Standards Tools writing

Monday links

WCAG Samurai
The WCAG Samurai Errata for Web Content Accessibility Guidelines 1.0 are published as an alternative to WCAG 2. “You may comply with WCAG 2, or with these errata, or with neither, but not with both at once.” Published 26 February 2008. Read the intro first.
Happy Cog Studios at SXSW Interactive
Two hot panels, plus bowling.
Alex King’s Twitter Tools
Integrate your Twitter account with your WordPress blog. Archive your tweets, create a blog post from each tweet, create a daily digest of your tweets, post a tweet in your sidebar, and more.
Chopsticks by Carlos Segura
Brilliant! 51 chopstick bags by Carlos Segura assisted by Ryan Halvorsen. In EPS for your raster or vector pleasure.
Can a Gas Station Really Be Green?
Boston design firm builds green gas station in smoggy LA.
48 Unique Ways To Use WordPress
CMS, city guide, history/timeline site, intranet, movie poster and trailer site, network hub, polling site, Feedburner alternative, Twitter clone, many more.
Misleading Marketing Copy
Words and phrases to avoid if you want an honest relationship with your customers.
Pattern inspiration (Veerle’s Blog)
Design inspiration via wallpaper and tiles.
Mental Models: Aligning Design Strategy with Human Behavior (on Flickr)
Illustrations from the newly published book by Indi Young (Rosenfeld Media, 2008).
A Speck of Sunlight Is a Town’s Yearly Alarm Clock
On March 8, the sun will rise again in Longyearbyen, the first time since October.
Dockdrop
Free Mac OS X application lets you share files fast. Drag any file or folder onto the Dockdrop dock icon, then choose how you want to send it. Dockdrop uploads it and puts a URL for your upload on the clipboard, ready for pasting into an email, chat program or website.
Official Google Maps API Blog: Google Maps Without the Scripting
The Google Static Maps API provides a simpler way to add maps to your website. Rather than use JavaScript, the Google Static Maps API creates map images on the fly via simple requests to the Static Maps service with HTTP requests.

[tags]zeldman, wcagsamurai, happycog, sxsw, googlemaps, wordpress, veerle, indiyoung, mentalmodels, wcag2, accessibility[/tags]

Categories
Accessibility Community Design development eric meyer events Ideas industry maturity Memes Standards technorati Tools

Happy fourth birthday, real world semantics

Four years ago today, Tantek Çelik and Kevin Marks gave a presentation on real-world semantics. Working backwards from HTML extensions like XFN (created by Tantek, Matt Mullenweg, and Eric Meyer), the paper showed how designers and developers could add semantics to today’s web rather than starting from scratch or waiting for a “purer” markup language to bring us an “uppercase semantic web.”

As with ‘most all great ideas, the principles were simple and, in hindsight, profoundly obvious. Do what designers were already doing. Instead of toiling over new languages that might or might not get adopted, use existing (X)HTML elements such as rel and class, and agree on such things as common class names for simple things like relationship definitions.

On behalf of all web designers and developers, thank you, Tantek and friends, and happy birthday.

[tags]microformats, semantics, realworld, tantek, xfn, hcard, 4years[/tags]

Categories
A List Apart Accessibility Browsers Design development industry Publishing Standards work

Not your father’s standards switch

The DOCTYPE switch isn’t what it used to be.

For most of the past seven years, the DOCTYPE switch stood designers and developers in good stead as a toggle between standards mode and quirks mode. The switch enabled browsers to accurately support the work of responsible designers who cared about accessibility, findability, and lean, semantic markup. It also enabled those same browsers to support the old-fashioned, table-driven junk markup your grandpappy writes.

But when IE7, with its tremendously improved support for standards, “broke the web,” it revealed the flaw in our beloved toggle. The quest was on to find a more reliable ensurer of forward compatibility. Is version targeting the answer?

In Issue No. 251 of A List Apart, for people who make websites, Aaron Gustafson of The Web Standards Project and ALA describes the workings of and logic behind version targeting, a proposed replacement to the DOCTYPE switch. It’s an idea whose simplicity you may admire immediately; or you may, at least initially, want to run screaming in the opposite direction.

That’s how ALA‘s Eric Meyer felt, when he first previewed Aaron’s report. So did I. But we came around—and in “A Standardista’s Journey,” the companion piece to Aaron’s article, Eric explains how his thinking about version targeting evolved.

Microsoft is on board to support version targeting in IE8; they hope other browser makers will do likewise. The Web Standards Project worked with the Redmond company to forge this new path in forward compatible design. It’s with Microsoft’s consent that we unveil version targeting in this issue. In a future issue, we’ll discuss the implications for scripting.

[tags]standards, webstandards, DOCTYPE, DOCTYPE switch, forward compatible, forward compatibility, versionlock, IE8[/tags]

Categories
Accessibility glamorous

The no-access road

A stranger and I just helped a disabled lady in a motorized scooter mount the inaccessible curb adjoining the treatment center for disabled people in wheelchairs and scooters.

The medical center has been there for probably thirty years. And for probably thirty years, the inaccessible curb has barred the way for people seeking treatment.

Thirty years.

I’m no statistician, but I’ll estimate that the little scene we three strangers just performed outside the medical facility has been reenacted at least a million times.

The facility is located between Second and First Avenues. An access road to an on-ramp to the Queens Midtown Tunnel divides the street in half. To get to the facility, you must traverse the access road.

An incomprehensible three-way traffic light controls the flow of people and cars across the T-shaped intersection. At least, in theory, it controls the flow. In practice, cars are always pouring into the access road. In fact, parents and nannies continually push prams into the access road in defiance of the constantly oncoming traffic. Besides medical facilities for the disabled, the half-block houses a huge and busy pediatric office; and there is a children’s playground just the other side of the center.

The lady somehow got her scooter down into the access road during the momentary interval when it was okay for pedestrians to cross.

She got to the other side and discovered there was no ramp up.

She began driving her scooter backwards and forwards in the road, searching for a ramp.

No ramp.

Cars began heading toward her.

A man and I walked over to her. She asked for help and we did our best, while the cars edged to the left of her.

How many people in wheelchairs cross this road day and night?

Have any died?

Categories
Accessibility An Event Apart cities Community Design development eric meyer events industry New Orleans Standards Zeldman

An Event Apart New Orleans

An Event Apart, the design conference for people who make websites, kicks off its 2008 season with An Event Apart New Orleans, a monster, 19-hour, two-day creative session. Join us April 24–25 at the Hilton New Orleans Riverside for two intense, 9.5-hour-long days of learning and inspiration, featuring twelve of your favorite web design authors.

  • See Dave Shea, co-author, Zen of CSS Design, explore what makes sites flexible visually, experientially, and code-wise.
  • See Jeff Veen, design manager, Google, explore how new thinking, born of creating the latest generation of web apps, is being infused into design practices.
  • See Robert Hoekman Jr., author, Designing the Obvious, perform slam-bang, on-the-spot usability reviews of sites submitted by our live audience on the fly.
  • See Cameron Moll, author, Mobile Web Design, uncover the differences between good and great design.
  • See Aaron Gustafson, co-author, AdvancED DOM Scripting, go beyond “unobtrusive” JavaScript to truly meet users’ needs, no matter what their device or platform, by applying the principles of “progressive enhancement” to client-side scripting.
  • See Andy Clarke, author, Transcending CSS, explain how comic books inspire his award-winning web layouts.
  • See Stephanie Sullivan, co-author, Mastering CSS with Dreamweaver CS3, explore practical, standards-based approaches and techniques to some of today’s toughtest design challenges.
  • See Aarron Walter, author, Building Findable Web Sites, explain “findability bliss through web standards SEO”
  • See Brian Oberkirch, Publisher, Like It Matters, review, catalog, dissect, and champion small design victories that daisy chain to create a delightful overall user experience.
  • See Jason Santa Maria, designer, Happy Cog, share techniques for maintaining individuality and brand distinction in a world of generic templates and design sameness.
  • See An Event Apart co-founder Eric Meyer, author, CSS: The Definitive Guide, present two new talks that shed brilliant light on the darkest corners of CSS.
  • As for me, I’ll be doing two new sessions on the whatness of web design (what it is, what it ain’t, and why it matters) and the whereness of web standards (as in, where we are with them).

It’s the longest, biggest, densest, hardest, coolest show we’ve ever done, and we’re doing it where Louis learned to blow his horn. Join us if you can.

Can’t make New Orleans? Join us in these cities!

  • Boston, June 23–24
  • San Francisco, August 18–19
  • Chicago, October 13–14

Tickets for all four shows are on sale now.

[tags]aneventapart, webdesign, conference, neworleans, aeaNOLA08[/tags]

Categories
Accessibility Design development HTML mail industry Tools

Give HTML e-mail a chance

Ten years into the web standards revolution, e-mail client support for standards remains sketchy. A new group is doing something about it. Launched today, The Email Standards Project “works with email client developers and the design community to improve web standards support and accessibility in email.”

Brainchild of Mathew Patterson of the Campaign Monitor, the newly launched site, like any good advocacy site, explains why web standards matter for e-mail.

But it does much more. Already the project uses a WaSP-style CSS test to judge the standards compliance of major e-mail clients from AOL to Yahoo! Mail and report on how they did. There’s also a blog and a list of things you can do to help promote standards awareness and persuade e-mail software makers to improve their support.

I started out hating HTML e-mail, but now I am a believer. I support The Email Standards Project.

[tags]email, e-mail, standards, webstandards, advocacy[/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
Accessibility Community Design events facebook Ideas industry links Standards

Blue Beanie Day

On Monday, November 26, 2007, don your blue beanie to show your support for web standards and accessibility. So goes the pitch by Douglas Vos, founder of Facebook’s Designing With Web Standards Group:

Monday, November 26, 2007 is the day thousands of Standardistas (people who support web standards) will wear a Blue Beanie to show their support for accessible, semantic web content. … Don a Blue Beanie and snap a photo. Then on November 26, switch your profile picture in Facebook and post your photo to the Blue Beanie Day group at Flickr.

Is this silly or serious? Seems to me, it’s a bit of both. If enough people do it on enough social networks, it might even raise web standards awareness in a small but positive way. (As opposed to, say, busting people for a validation error, which, surprisingly, doesn’t win you their love.)

Participation is easy. Here are the instructions, from Facebook’s Blue Beanie Day Event Page:

  1. Make a personal commitment to fight Web Standards Apathy. Show solidarity with the Standardistas on November 26th, 2007.
  2. Buy, beg, or borrow a Blue Beanie (blue hat or cap, even a black or grey one will do in a pinch.)
  3. Take a photo of yourself wearing the Blue Beanie. Or take a cool group photo of you and your friends wearing Blue Beanies.
  4. Post your photo, or photos to Facebook, the Flickr pool, and other social networks on November 26th, 2007. Remember to switch your profile photos that day on all your social networks, like Flickr, Twitter, Last.fm, iLike, Pownce, Dopplr… you name it.
  5. Promote Blue Beanie Day in your blog or wiki starting today, and tell all your friends to get ready for Blue Beanie Day. Start by inviting all your Facebook friends to this event.

Related Links

[tags]webstandards, webdesign, accessibility, bluebeanieday, blue beanie day,facebook, twitter[/tags]

Categories
Accessibility An Event Apart Boston Design eric meyer events New Orleans San Francisco Standards Zeldman

Please and thank you

An Event Apart thanks its attendees, speakers, and sponsors for a great 2007, and announces dates and locations for 2008. Please join us next year! New Orleans, Boston, San Francisco, Chicago.

[tags]aneventapart, aea2008, neworleans, boston, sanfrancisco, chicago[/tags]

Categories
Accessibility Design

Testing designs for color-blindness

What toll does color-blindness take on design usability? Even experienced designers and art directors, assuming they think about color-blindness at all, can find it hard to predict how their work will appear to someone with, say, protanopia, the most common form of red-green color-blindness.

Enter Sim Daltonism (donationware), a color-blindness simulator for Mac OS X. Its floating palette filters your web page in real time, showing how the area around your mouse cursor looks to people with many different kinds of color-blindness, including rare as well as common types.

Windows and Linux users, or Mac users who would rather view complete pages than floating palettes, should check out the Colorblind Web Page Filter. In our studio, we use both tools. Here is Happy Cog as its front page may appear to a person with protanopia. (Allow time for the page to load, and don’t all click at once.)

[tags]colorblind, colorblindness, design, accessibility, usability, software, tools, apps[/tags]