Categories
Design development iphone links Standards Tools

For web developers and iPhone users

XRAY web developer’s suite
Fab, free bookmarklet for web designers and developers analyzes any element on a web page with a click. Must be used to be appreciated. Part of a forthcoming suite of free, cross-browser web development tools from Westciv. Suggested improvements and bug reports welcome. Currently works in Webkit (Safari) and Mozilla (Firefox, Camino, etc.) browsers; an IE version is coming. Don’t miss the “Acknowledgements, Thanks, and Inspiration” credits, which link to great JavaScript and visual resources.
How to Rip DVD Movies To Your iPod Using Free Software
Great, straightforward how-to by brilliant author/developer Mark Pilgrim walks you through the process of setting up HandBrake, a free, open source app, to rip DVDs to your iPod. Last updated in 2005, several versions of HandBrake (not to mention several generations of iPod) ago, so screen shots will not always match current versions. But the settings advice is still accurate, and even applies to the iPhone, with its giant wide screen.
Ripping even a short movie you own takes a long, long time. I tested Pilgrim’s advice on a flick our toddler loves, so my iPhone could double as a parental aid during family trips. It took over five hours to burn an 86 minute film, but the results were beautiful.
For more video conversion advice, see the 12 December 2005 Macworld Secrets column, Convert video for the iPod. Summary: Upgrade to QuickTime Pro and export for iPod. Works great and works fast. One’s iPhone now sports Charlie the Unicorn and will soon host short home movies shot on a point and shoot digital camera and formatted by that camera as AVIs.

[tags]web development, bookmarklets, developer tools, rip, DVDs, iPod, iPhone, Apple[/tags]

Categories
An Event Apart better-know-a-speaker development events Standards

Better Know a Speaker: Jeremy Keith

One of Brighton’s loudest web developers and a featured speaker at An Event Apart Chicago, Jeremy Keith, holds forth on microformats, lolcats, and applying best practices learned from CSS to writing good JavaScript.

[tags]adactio, jeremykeith, DOM, microformats, css, aneventapart, aeachicago07[/tags]

Categories
business Community Design development industry project management Standards

Let there be web divisions

We are still crunching numbers on the Web Design Survey—with over 32,000 responses to 36 questions, there’s a lot to crunch. But in one area, preliminary data supports what anecdotal experience led us to expect: almost no one who makes websites works in their company or organization’s web division. That’s because almost no company or organization has a web division. And that void on the org chart is one reason we have so many bloated, unusable failures where we should be producing great user experiences.

Ponder. No matter how critical the web experience may be to the organization’s mission, the people who design and build those mission-critical sites work in divisions that have nothing to do with the web, and report to leaders whose expertise is unrelated to web design and development.

It’s a startling fact with profound implications—and as such has gone unnoticed by the business community and press.

IT or marketing

From law firms to libraries, from universities to Fortune 500 companies, the organization’s website almost invariably falls under the domain of the IT Department or the Marketing Department, leading to turf wars and other predictable consequences. While many good (and highly capable) people work in IT and marketing, neither area is ideally suited to craft usable websites or to encourage the blossoming of vital web communities.

Competent IT departments handle a dazzling array of technical challenges requiring deep, multi-leveled expertise. But tasks such as equipping 20,000 globally dispersed employees with appropriately configured PCs, or maintaining corporate databases and mail gateways, don’t necessarily map to the skills required to design great user experiences for the web.

Large-scale systems expertise takes a different mindset than what’s needed to write usable guide copy, finesse markup semantics, or design an easy-to-understand user interface employing the lightest and fewest possible graphic images. Moreover, nimble development and support for open standards are not the hallmarks of large IT departments (although undoubtedly there are noble exceptions). Additionally, developers with a background in IT (again, with some exceptions) tend to create from the point of view of technology, rather than that of the user.

What about Marketing?

Organizations that don’t entrust their website to IT tend to hand it to Marketing. The rationale for doing so is easy to see: Marketing has been briefed on the organization’s business goals (at least for the next quarter), and the division is staffed by communications specialists who know at least something about writing and art direction. If nothing else, they know who to hire to write their copy, and they are comfortable telling the in-house graphic designers to make the logo bigger.

Like IT, Marketing has valuable organizational knowledge (plus certain skills) to contribute to any serious web enterprise. The leaders of Marketing, like the leaders of IT, should be frequently consulted in any web effort. But the skills of Marketing, like the skills of IT, don’t necessarily map to what is needed to create great web experiences.

For one thing, as anyone reading this knows, the web is a conversation. Marketing, by contrast, is a monologue. It can be a great monologue—for examples of which, see The One Show Winners or the AIGA Design Archives. But a monologue and conversation are not the same, as an hour spent with your windy Uncle Randolph will remind you.

And then there’s all that messy business with semantic markup, CSS, unobtrusive scripting, card-sorting exercises, HTML run-throughs, involving users in accessibility, and the rest of the skills and experience that don’t fall under Marketing’s purview.

If not them, then who?

Business and non-profit decision makers, for your users’ good, consider this request. Stop separating the members of your web team. Cease distributing them among various (often competitive) divisions led by people with limited web expertise. Let the coders, designers, writers, and others charged with creating and maintaining your web presence work together. Put them in a division that recognizes that your site is not a bastard of your brochures, nor a natural outgrowth of your group calendar. Let there be web divisions.

[tags]webdesign, webdevelopment, design, development, web divisions[/tags]

Categories
Design development

bgcolor follies

Yahoo! in magenta. If you forget to set your site's background color, your visitors may do it for you.

A reminder for people who make websites: if you forget to set your site’s background color, your visitors may set it for you.

In three minutes, I found three sites that forgot this basic rule of web design. Set your browser’s background color to something heinous (I chose magenta) and click around the web. You may be surprised. Don’t forget to check your own site!

[tags]bgcolor, webdesign, color, yahoo!, segura-inc, 800flowers[/tags]

Categories
12 years Design development Redesigns writing

Since 1995

Oops, there goes our anniversary. On 31 May 2007 this site turned twelve years old. Ah, memories! Who can forget …

  • Gifplex (1995, an early “web multimedia” art experiment)
  • The Ad Graveyard (real ads that almost ran, 1995–1998)
  • Pardon My Icons (unusual icons for your desktop or website, 1995–1998)
  • 15 Minutes (interviews with movie stars and “cyber stars,” 1996–1999)
  • Ask Dr Web (an early guide to designing websites; taken offline because the presentational HTML techniques it advocated have long since become outdated thanks to web standards)
  • Mr Jenkins’s Last Martini (1996, the web’s first alcoholic haiku contest)

… and all the other juicy Web 1.0 Goodness™. Not to mention a couple dozen discarded designs, legions of obsolete splash pages, and a certain Daily Report that was initially dumped onto a page called coming.html and maintained daily and steadily for years before it became conscious of itself, acquired a title, and moved to the site’s front page.

The web found me and claimed me. Everything else followed. Maybe you feel that way, too. Thank you for what you bring to the web, and thank you for twelve years or your part of it.

“The independent publisher refuses to die.”

Related

Daily Reports from 1997 On
You don’t need the WayBack machine to go way back in zeldman.com history. Enjoy these representative Daily Report pages from 1997 on (including the famous HTML Fist).

[tags]zeldman, zeldman.com, blogs, blogging, independent content[/tags]

Categories
Accessibility An Event Apart Design development events Standards

An Event Apart Chicago 2007

Tickets are now available for An Event Apart Chicago 2007, August 27–28, at the Chicago Marriott Downtown. It’s two days of web standards, best practices, and creative inspiration with…

Plus your hosts:

  • Eric Meyer, author, CSS: The Definitive Guide, Eric Meyer on CSS
  • Jeffrey Zeldman, publisher and creative director, A List Apart, author, Designing With Web Standards

Jam-packed with education and inspiration

On the agenda:

  • Search analytics for fun and profit
  • Secrets of the CSS Jedi
  • Using JavaScript and the DOM without feeling dirty
  • “The seven lies of information architecture”
  • Best practices for form design
  • Writing the user interface
  • Designing your way out of a paper bag

Learn how to use data you didn’t even realize you were collecting, to find out what your users really want. Discover how different forms, fields, and labels make or break interactions. How color, typography, and visual metaphors influence perception of your site and brand. How to make personal projects more successful and daily work-for-hire more fulfilling.

Register early and save

Your Conference Pass includes admission to all sessions at the two-day Chicago conference, snacks and lunch on both days, access to all social events, and a bag of swag. If you register by July 27, it’s yours for $795 ($100 off the standard pricing). Frequent Apartniks (those who’ve attended a previous Event Apart event) save an additional $100. More information is available at aneventapart.com.

[tags]aneventapart, an event apart, chicago, aeachicago07[/tags]

Categories
A List Apart An Event Apart Community Design development Diversity industry work

Web Design Survey closes soon

I took it! And so should you. The Web Design Survey, 2007.

As it turns out, the profession that dare not speak its name has a lot to say for itself. Over 30,000 people have taken a few minutes to help create the first (soon-to-be) publicly available data about people who make websites. And you?

If you haven’t yet filled out The Web Design Survey, now is the time: the survey closes on 22 May. Our thanks to all who have already participated.

[tags]webdesign, survey, web design survey, ala, alistapart, design, development[/tags]

Categories
A List Apart Design development industry work

The profession that dare not speak its name

I took it! And so should you. The Web Design Survey, 2007.

Question: If web design makes the new information age possible—if it creates new markets and new products, generates significant global cash flow, changes the way companies and non-profits interact with the public, and employs untold legions of specialists—why, until now, hasn’t anybody tried to find out more about it as an industry?

Hypothesis: No one has tried to measure web design because web design has been a hidden profession.

The hypothesis is neither far-fetched nor particularly insightful. If you think about it, it’s obvious. Web design has been hidden because its workers have, for the most part, been masked by old business and old media categories. Call it death by org chart:

  • A producer, designer, and developer collaborate daily on their non-profit’s rather unwieldy website. The producer’s business card claims she is an Associate Communications Coordinator. The designer’s title is Art Director. The developer is called an Assistant Director of IT. All three are really web professionals—but nobody calls them that, and nobody at the organization solicits their opinions except on small, technical matters. This, even though the website handles nearly all public communication and fund-raising, and these three are the only people in the organization who know about usability and design.
  • On paper, a large law firm employs only one web employee despite having a vast public website and an even bigger intranet site. Her title is webmaster, although she is really a graphic designer with HTML, CSS, PHP, and usability expertise. On the corporate org chart, she reports to one of the partners, who is charged with supervising the website in his free time. He knows nothing about websites, so she handles everything. Once a month they have lunch; once a year she gets a nice raise. Because she reports to an attorney, she is part of Legal.
  • On paper, a daily news magazine employs just one “web” employee. His title is webmaster, although he is really a developer, and he is slowly being squeezed out. The actual web development work—and there is a ton of it, every day—is performed by two IT staffers. A half dozen other folks work on page templates and site image production; on paper, they are graphic designers. The site is directed by a committee representing the editorial, advertising, and marketing departments. But regardless of their placement on the org chart, they are really web people, making web content and web layout decisions that are then executed by the “graphic designers” and “IT guys.” In all, nearly fifteen workers toil over the magazine’s website each day, yet the magazine’s web “staff” consists of one guy who’s about to take an early retirement.

There are many self-proclaimed freelance web designers and developers, and many staff people with those (and related) titles, but there are also hundreds of thousands of “hidden” web designers and developers, and this partly accounts for the business world’s indifference to us.

But the hidden workers are coming out of the shadows. Over 12,000 people filled out The Web Design Survey during its first 24 hours online. Average completion time was 8 minutes, 45 seconds. Not a bad start. Keep spreading the word.

[tags]webdesign, survey, web design survey, ala, alistapart, design, development[/tags]

Categories
Accessibility An Event Apart Boston cities Design development events Standards

From Bulgaria With Love

An Event Apart Boston 2007 was the best attended show since Mr Meyer and I founded our design conference scarcely sixteen months ago. Attendees came from as far away as Singapore and India. They hailed from Bulgaria (2), Canada (12), Estonia (1), Finland (2), India (1), Ireland (1), Latvia (1), Singapore (1), Sweden (1), the UK (3), and the US (510).

In all, 546 web artisans descended on Boston for our two-day event. The engagement and commitment of this audience were electric. Rather than waste pixels on my impressions of the show, I submit these third-party posts and artifacts:

Photos and slide shows

Flickr Event Apart Boston 2007 photo pool
Featuring swag, special effects, and the elusive decopus.
Ethan Marcotte’s Event Apart slides
Viewing slides without seeing the speaker’s live presentation is like trying to understand world events by looking at a photo of Mahmoud Ahmadinejad. Nonetheless, here are the slides from “Web Standards Stole My Truck!”
Dan Cederholm’s Event Apart slides
Beautiful slides (same disclaimer applies) plus a nice little post.

Posts and commentary

Pelennor Fields Day One
Pelennor Fields Day Two
Matt Winckler’s quick summaries and reviews of the presentations. “The goal is to provide a few-sentence summary of each talk, followed by my quick rating on a scale of 1 to 10, followed again by my brief explanation of the rating.”
stevekarsch.com: An Event Apart, Day One
stevekarsch.com: An Event Apart, Day Two
Steve Karsch’s notes make you feel as if you were there.
Chausse.org: Thoughts from An Event Apart
“An Event Apart Boston was a great experience. Whenever I’m at a conference, I get an insatiable urge to drop whatever I’m doing with my life and become an expert at whatever the speaker’s talking about. Anyway, a few notes.”
An Event Apart Boston – from the Aten Blog
Justin Toupin, co-founder and design lead for Aten Design Group, reviews the show: “The conference was amazing. Nine expert speakers presented on a range of topics from the conceptual to the practical. I’ve never been so happy to sit in one place for so long.”
Ed’s Development Blog: Back from AEA
Ed Higgins: “It was the first conference I’ve been to that I’ve been sad about it ending. Typically the last day of most conferences just drags… At AEA, every session was gold and I wish it could’ve lasted longer.”
AEA Boston, Day One: Jeffrey Zeldman’s Writing the User Interface
Cromulent Code: write-up of “Writing the User Interface,” my talk on Day One of An Event Apart Boston 2007. “How text contributes to a site/s usability and branding.”
Grapefeed: An Event Apart
Grapefeed’s experiences at An Event Apart Boston included a nerve-grinding, last-minute scramble to an alternate train station when the Back Bay station was sealed off because of a gas leak. (Same thing happened to me.)
ivantohelpyou: Notes from An Event Apart, Boston, Day
Blow by blow impressions.
impending post explosion
Stellargirl: “Just got back from An Event Apart Boston… I totally feel like the kid in that Far Side cartoon who says, ‘May I be excused? My brain is full.’”
days without a job: An Event Apart – Boston
“First day of a two day conference was great. We were told that there were more than 500 attendees!”
Zeldman Gem of the Day
Hardly a gem, but this excerpt captures part of the thrust of my talk on “Selling Design.”
Cameron Moll: AEA Boston
Highlights from the perspective of a (great) speaker.
Adobe’s Scott Fegette: CS3 Launch at An Event Apart
“I’ve been answering questions all day at An Event Apart about the new CS3 products. Even better, I gave away … three advance copies of CS3 Web Premium to three lucky attendees. An Event Apart is a really great mix of disciplines all centering on site design and development. I’ve talked to educators, government developers, indie web production shops, animators and video pros- just in the last hour alone.” (Adobe was a sponsor of An Event Apart Boston.)
Meyerweb: After Boston
Event Apart co-founder Eric Meyer: “I see the attendees at AEA as the craftsmen and women of the web. Sure, there are shops mass-producing sites, the way a factory churns out cheap clocks. That’s fine if you just want something to put on your nightstand. But if you want an elegant, finely tuned work of art that you’d hang in a prominent place, a clock that is as much a point of pride as a timepiece—you find a craftsman. And that’s who came to Boston. That’s who comes to An Event Apart.”

[tags]aneventapart, aeaboston07, aeaboston2007[/tags]

Categories
A List Apart Design development Publishing Standards

ALA 234 triple-header

In a triple issue of A List Apart, for people who make websites:

Ruining the User Experience
Anticipating your users’ needs is the key to making a good impression; it’s the little things that matter most. ALA’s technical editor Aaron Gustafson explains why progressive enhancement means good service.
Inside Your Users’ Minds: The Cultural Probe
Drawing on the field of ethnography, Ruth Stalker-Firth introduces a method for studying user behavior and motivations outside the lab.
Cross-Browser Scripting with importNode()
Anthony Holdener explores the world of XML DOM support for web browsers and presents a new technique for cross-browser scripting.

[tags]alistapart, webdesign, ethnography, userexperience, UX, DOM, XML[/tags]

Categories
Design development Happy Cog™ work

Happy Cog Philadelphia is Hiring

Fresh on the Job Board:

Happy Cog Philadelphia is looking for an experienced freelance front-end (presentation layer) developer with strong design sensibilities. You must live and breathe semantic XHTML and CSS and understand how design and layout decisions manifest themselves in the world of markup. It helps if you’ve worked with Content Management Systems like EllisLab’s ExpressionEngine and can integrate templates within this environment. You must be in the Philadelphia area and be able to work with us on site. Details are available on the Job Board posting.

[tags]happycog, hiring, webdesign, markup, css, expressionengine[/tags]

Categories
Accessibility An Event Apart Design development events

An Event Apart Boston sells out

They say agile developers don’t have time for user-centered design. They say web standards and accessibility don’t matter to real-world sites. They say usability is a luxury, good graphic design doesn’t matter, and writing is just something you dump into a template. They are the message board grumblers, the mini-pundits and rainmakers on other people’s parades.

Their view of what matters on the web might be right. But nobody bothered to tell the five hundred-plus designers and developers who have signed up for An Event Apart Boston. The show has now sold out, and the waiting list is a yard long.

The surprisingly robust interest in this event is surely because of our extraordinary speakers. I also see it as evidence that, whatever the nay-sayers may take comfort in believing, the fact is that many people who make websites actually love their users. They love them enough to constantly work at perfecting their craft. They want their markup to support their content, their content to meet their users’ needs, and their design to facilitate that fulfillment.

That’s what your work is about. And mine, too. It’s what motivates every issue of A List Apart, even if not every issue hits the mark. And, now more than ever, it is what we hope to bring to the stage during two days of design and code in Boston’s beautiful Back Bay. To all who are coming, thank you, and let’s rock.

[tags]aneventapart, boston, design, webdesign[/tags]

Categories
Accessibility An Event Apart better-know-a-speaker Boston business cities Community Design development events industry Redesigns Standards Tools

Register for An Event Apart Boston

Registration is now open for An Event Apart Boston 2007. Enjoy two amazing days of design and code plus meals, a party, and a bag of swag for a mere $795 (reg. $895) while early bird savings last. Attend for as little as $745 with a discount code exclusively for zeldman.com readers.

Learn by day, party by night

On An Event Apart’s website, you’ll now find a detailed schedule describing the presentations with which our superstar speakers hope to entertain and enlighten you. From “Web Standards Stole My Truck!” to “Redesigning Your Way out of a Paper Bag,” it’s two stimulating days of best practices and fresh ideas in design, usability, accessibility, markup and code.

Check out that schedule. I’ll wait.

Lest you be overwhelmed by learning too much too soon, we’ll help you unwind (and do a little networking) at the Opening Night Party sponsored by Media Temple. You might even win a prize, courtesy of Adobe, New Riders, or Media Temple.

Hotel savings

Our Boston Events page also includes notes to help you book your hotel room at a specially negotiated discount price.

Located in beautiful and historic Back Bay, the Boston Marriott Copley Place provides in-room, high-speed internet access; laptop safes and coolers; 27-inch color TV with cable movies; luxurious bedding and linens, and more. Best of all, it’s the site of the conference. You can walk out of your room and into the show!

Save more with discount code

During the early bird period, the price for this two-day event is $795. But you can nab an extra $50 off with this discount code exclusively for zeldman.com readers:

AEAZELD

Just enter AEAZELD in An Event Apart’s shopping cart to enjoy those savings immediately. During our early bird period, you’ll pay just $745 for the two days and everything that comes with them.

After February 26, 2007, when the early bird savings ends, the price goes up to $895, and you’ll pay $845 with the discount. Still pretty good for two days with some of the sharpest minds and greatest talents in web design. But why pay more? Book An Event Apart Boston as soon as you can.

Unlimited creativity, limited seating

An Event Apart Boston will be the best conference Eric Meyer and I have yet put together. It will also be this year’s only East Coast Event Apart. Don’t miss it.

Join Eric and me, along with Steve Krug, Andrew Kirkpatrick, Molly Holzschlag, Cameron Moll, Dan Cederholm, Ethan Marcotte, and Jason Santa Maria, for what we modestly believe may be the most exciting and enlightening show in modern web design.

Hurry! Seating is limited and early bird savings end Feb. 26, 2007.

[tags]aneventapart, boston, aneventapartboston07[/tags]

Categories
A List Apart Accessibility Design development Standards

Adaptive Layouts, Accessible Forms

It’s the last gasp of 2006, a year whose sweetness will long be remembered. A List Apart celebrates twelve months of international peace and brotherhood with its final issue of the year.

…In which Marc van den Dobbelsteen asks the musical question, how can we manage web layouts that must accommodate devices with viewports as small as 240 pixels and as big as 1680? The old answer, liquid layout, doesn’t cut it:

If you create a liquid layout optimized for a maximum width of 1024 pixels—limiting maximum line-lengths for your text to maintain readability—gaps will appear on a wider screens, and your carefully balanced layout will break. On a tiny-screened PDA, your text and images will be compressed into a crowded content sandwich. No designer wants that. If vector-based layouts were technically possible on a wide range of browsers, we could use a single generic layout that looked exactly the same on all screen sizes. Since that’s more fictional than feasible, we have to find another way.

That other way is to define layout and appearance for a series of screen-width ranges, then match these layouts with the user’s viewport size. (You can even change layouts automagically as the user’s viewport size changes.) Learn how in “Switchy McLayout: An Adaptive Layout Technique.”

Then dive into Mike Brittain’s Making Compact Forms More Accessible for a smart way to solve the usability and accessibility challenges posed by today’s complex, tightly spaced forms.

Forms pose a series of usability and accessibility challenges, many of which are made more complex when you need to build a form to fit into a small space. Tightly spaced forms can look great on paper, but they often ignore accessibility issues altogether. … In this article, we’ll create a compact form that provides a high degree of accessibility, despite its reduced size.

This issue was produced by Erin Lynch and edited by Erin Kissane. Thanks and praise to technical editor Ethan Marcotte, who pulled flaming swords out of the rock. Kevin Cornell, The Web’s Leading Illustrator™, crafted the delicate visual poems that accompany our articles. Doctor Santa Maria art directed.

A list Apart T-shirts are still available and make an excellent holiday gift. A List Apart is a founding member of The Deck, the premier advertising network for reaching web and design professionals. Skiddle-dee doo-dee idle dum!

[tags]alistapart, accessibility, design, development, usability, forms, layouts, adaptive[/tags]

Categories
A List Apart Design development Standards

ALA 228: Take the Edge Off

Issue 228 of A List Apart is all about smooth.

User-Proofing Ajax

by Peter Quinsey

Ajax offers the ability to avoid both needless browser behavior like page reloads and useful browser behavior like error handling. When good web apps go bad, Peter Quinsey’s guidelines and techniques can help you and your users stay informed and productive.

Avoid Edge Cases by Designing Up Front

by Ben Henick

Sooner or later, nearly all web projects fall afoul of simple, preventable problems—problems like building the wrong features or creating a platform that can’t be upgraded. A proper process can help you manage scope, develop site features that actually match your objectives, and catch fatal flaws before your site is produced.

[tags]alistapart, ajax, usability, process, webdesign[/tags]