We’re looking for one good intern. If you love web design, writing, and publishing, this is the gig for you. You’ll work with Aaron Gustafson, Erin Kissane, Ethan Marcotte, and Jeffrey Zeldman on the new edition of the industry-changing Designing With Web Standards, and possibly another great publishing project as well.

NYC area location is ideal, but not required—what matters most is your commitment and professionalism. Must be willing to work with Microsoft Word, have access to one of the latest versions of it, and be a Word styles ninja. We’re looking for 6–8 hours per week through September or mid-October. The right person will see this as an opportunity to experience the publication process from first draft through galleys and launch, and to learn from industry and community leaders who are funny, smart, and nice.

Apply by e-mail to internquest at happycog dot com. Send a short note selling us on you. All queries will be handled with discretion.

Tags: jobs, internerships, intern, wanted, webstandards, designingwithwebstandards, DWWS3e, 3rdEdition, HappyCog, ErinKissane, AaronGustafson, EthanMarcotte, zeldman, JeffreyZeldman, employment

The Happy Cog-designed social network for Brighter Planet is now in public beta. Come on down and kick the tires. Brighter Planet helps you take control of your environmental footprint: measure your climate impact, discover simple ways to reduce it, track your progress, and share your experiences with other people who who want to make a difference.

Happy Cog’s New York office developed this project. The team:

• Aaron Gustafson, front-end development (blog, articles, Twitter)
• Naz Hamid, design (website, Twitter)
• Whitney Hess, user experience (blog, Twitter).
• Erin Kissane, content strategy (articles, blog, Twitter)
• Kelly McCarthy, project manager
• Jeffrey Zeldman, creative director

This truly collaborative project could not have been conceived or completed without the brilliant and generous work of Brighter Planet team members including:

• CTO Adam Rubin (bio, blog, Twitter)
• Co-founder and Product Design Director Andy Rossmeissl (Twitter, bio)
• Senior Systems Engineer Seamus Abshere (bio)
• Rails developer Rich Sturim (Twitter, bio)

Not only is this young, passionate team dedicated to reducing climate change and all things green, they are also marketing kingpins, shrewd user experience designers, and badass developers.

We love our clients. These folks and this project are dear to us. And it’s a fun way to make a difference. I hope you’ll check out Brighter Planet’s new beta social network.

Tags: brighterplanet, climatechange, beta, site, launch, launches, webdesign, projects, work, happycog

It’s outrageous that the CSS standard created in 1996 is not properly supported in Outlook 2010. Let’s do something about it.

Hundreds of millions use Microsoft Internet Explorer to access the web, and Microsoft Outlook to send and receive email. As everyone reading this knows, the good news is that in IE8, Microsoft has released a browser that supports web standards at a high level. The shockingly bad news is that Microsoft is still using the Word rendering engine to display HTML email in Outlook 2010.

What does this mean for web designers, developers, and users? In the words of the “Let’s Fix It” project created by the Email Standards Project, Campaign Monitor, and Newism, it means exactly this:

[F]or the next 5 years your email designs will need tables for layout, have no support for CSS like float and position, no background images and lots more. Want proof? Here’s the same email in Outlook 2000 & 2010.

It’s difficult to believe that in 2009, after diligently improving standards support in IE7 and now IE8, Microsoft would force email designers to use nonsemantic table layout techniques that fractured the web, squandered bandwidth, and made a joke of accessibility back in the 1990s.

Accounting for stupidity

For a company that claims to believe in innovation and standards, and has spent five years redeeming itself in the web standards community, the decision to use the non-standards-compliant, decades-old Word rendering engine in the mail program that accompanies its shiny standards-compliant browser makes no sense from any angle. It’s not good for users, not good for business, not good for designers. It’s not logical, not on-brand, and the very opposite of a PR win.

Rumor has it that Microsoft chose the Word rendering engine because its Outlook division “couldn’t afford” to pay its browser division for IE8. And by “couldn’t afford” I don’t mean Microsoft has no money; I mean someone at this fabulously wealthy corporation must have neglected to budget for an internal cost. Big companies love these fictions where one part of the company “pays” another, and accountants love this stuff as well, for reasons that make Jesus cry out anew.

But if the rumor’s right, and if the Outlook division couldn’t afford to license the IE8 rendering engine, there are two very simple solutions: use Webkit or Gecko. They’re both free, and they both kick ass.

Why it matters

You may hope that this bone-headed decision will push millions of people into the warm embrace of Opera, Safari, Chrome, and Firefox, but it probably won’t. Most people, especially most working people, don’t have a choice about their operating system or browser. Ditto their corporate email platform.

Likewise, most web designers, whether in-house, agency, or freelance, are perpetually called upon to create HTML emails for opt-in customers. As Outlook’s Word rendering engine doesn’t support the most basic CSS layout tools such as float, designers cannot use our hard-won standards-based layout tools in the creation of these mails—unless they and their employers are willing to send broken messages to tens millions of Outlook users. No employer, of course, would sanction such a strategy. And this is precisely how self-serving decisions by Microsoft profoundly retard the adoption of standards on the web. Even when one Microsoft division has embraced standards, actions by another division ensure that millions of customers will have substandard experiences and hundreds of thousands of developers still won’t get the message that our medium has standards which can be used today.

So it’s up to us, the community, to let Microsoft know how we feel.

Participate in the Outlook’s Broken project. All it takes is a tweet.

Tags: browsers, bugs, IE8, outlook, microsoft, iranelection

WaSP InterAct is a “living, open web standards curriculum.” Put together by an amazing group of dedicated educators and industry experts, the curriculum is designed to teach students the skills of the web professional—and ease the burden of colleges and universities, struggling to develop timely and appropriate curricula for our fast-moving profession.

Schools that teach web design struggle to keep pace with our industry, and those just starting their curricula often set off in the wrong direction because the breadth and depth of our medium can be daunting. The WaSP InterAct curriculum project seeks to ease the challenges schools around the world face as they prepare their students for careers on the Web. … Its courses are divided into six learning tracks that provide students with a well rounded foundation in the many facets of the web design craft.

The group offers its resources to all who need them (to reuse adapt), and it seeks your content and ideas.

Tags: design, data, webdesign, webstandards, education, curriculum, WaSP, webstandards.org

• Blog post template final (with rotation in footer)
• About page template final (with rotation in footer)
• Contact page template final (with yadda, yadda)
• 404 page – my favorite!
• New! 21 May Subscribe page
• New! 21 May Style switcher in footer
• New! 22 May WordPress tout page
• New! 22 May (mt) Media Temple tout page

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

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

Armed with nothing more than a keen eye, a good seat, a fine camera, and the ability to use it, An Event Apart Seattle attendee Warren Parsons captured the entire two-day show in crisp and loving detail. Presenting, for your viewing pleasure, An Event Apart Seattle 2009 – a set on Flickr.

When you’ve paged your way through those, have a gander at Think Brownstone’s extraordinary sketches of AEA Seattle.

Still can’t get enough of that AEA stuff? Check out the official AEA Seattle photo pool on Flickr.

Wonder what people said about the event? Check these Twitter streams: AEA and AEA09.

And here are Luke W’s notes on the show.

Our thanks to the photographers, sketchers, speakers, and all who attended.

Tags: aneventapart, aeaseattle09, AEA, AEA09, Seattle, webdesign, conference, Flickr, sets, Twitter, photos, illustrations, sketches, aneventapart.com

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

In Issue No. 282 of A List Apart, For People Who Make Websites:

• Can we finally get real type on the web?
• Does beauty in design have a benefit besides aesthetic pleasure?

Real Fonts on the Web: An Interview with The Font Bureau’s David Berlow

by DAVID BERLOW, JEFFREY ZELDMAN

Is there life after Georgia? We ask David Berlow, co-founder of The Font Bureau, Inc, and the first TrueType type designer, how type designers and web designers can work together to resolve licensing and technology issues that stand between us and real fonts on the web.

In Defense of Eye Candy

by STEPHEN P. ANDERSON

Research proves attractive things work better. How we think cannot be separated from how we feel. The next time a boss, client, or co-worker scoffs at the notion that beauty is an important aspect of interface design, point their peepers here.

A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices.

Tags: alistapart, type, typography, realtype, truetype, CSS, beauty, design, aesthetics

Rated Five Stars at Amazon.com since the day it was published, “Taking Your Talent to the Web” is now a free downloadable book from zeldman.com:

• Download the front cover! (TIFF image, 1.8 MB)
• Download the book! (PDF, book galley, 9.5 MB)

I wrote this book in 2001 for print designers whose clients want websites, print art directors who’d like to move into full–time web and interaction design, homepage creators who are ready to turn pro, and professionals who seek to deepen their web skills and understanding.

Here we are in 2009, and print designers and art directors are scrambling to move into web and interaction design.

The dot-com crash killed this book. Now it lives again. While browser references and modem speeds may reek of 2001, much of the advice about transitioning to the web still holds true.

It’s yours. Enjoy.

Update – now with bookmarks

Attention, K-Mart shoppers. The PDF now includes proper Acrobat bookmarks, courtesy of Robert Black. Thanks, Robert!

Tags: design, webdesign, TYTTTW, takingyourtalenttotheweb, zeldman, jeffreyzeldman, book, instruction, artdirection, printtoweb

The annual A List Apart survey for people who make websites is the only public source of data on the shifting salaries, titles, job skills, and work satisfactions of full- and part-time, staff and freelance web professionals.

This year’s survey findings, culled from answers provided by over 30,000 ALA readers, are now up for your pleasure on a specially designed website. We’ve sliced and diced the data, making sense of complex interrelationships, and displaying the results in miniature CSS masterworks by Mr Eric Meyer. (More about the CSS.)

This year’s findings paint a clearer picture of the distinctions between full-time and freelance web professionals: how you work, what you earn, and what you love about the job. Interestingly, too, despite the brutality of a global recession that was already in full swing when we offered the survey, most respondents revealed a surprisingly high level of job security, satisfaction, and confidence in the future.

See for yourself. Read the findings.

Comments off. Please comment on ALA.

Tags: alistapart, aneventapart, webdesignsurvey, survey, forpeoplewhomakewebsites, surveyfindings, findings, meyerweb, css, jobskills, titles, webdesign, webdesigners, webdevelopment, webdevelopers, IA, UX, editors, writers, webmasters

Now with significantly enhanced audio quality, courtesy of Zoomy.net’s Peter Richardson…

Here, for your consideration and pleasure, is the new! improved! audio recording of “From Freelance to Agency: Start Small, Stay Small.” Listen and enjoy.

Tags: design, webdesign, podcast, recording, SXSW, SXSWi, SXSWi09, panels, panel, freelance, agency, smallagency, transition, survival, economy

Tags: design, webdesign, podcast, recording, SXSW, SXSWi, SXSWi09, panels, panel, freelance, agency, smallagency, transition, survival, economy

Presenting the full audio recording of “From Freelance to Agency: Start Small, Stay Small”, a panel at SXSW Interactive 2009 featuring Roger Black (founder of agencies huge and small), Kristina Halvorson (freelancer turned agency head), and Whitney Hess (agency pro turned freelance), and moderated by yours truly.

The panel was about quitting your job (or coping with a layoff), working as a freelancer, collaborating with others, and what to do if your collaboration starts morphing into an agency. We sought to answer questions like these:

1. What business and personal skills are required to start a freelance business or a small agency? Is freelancing or starting a small agency a good fit for my talents and abilities?
2. Is freelancing or starting a small agency the right work solution for me in a scary and rapidly shrinking economy? Can the downsides of this economy work to my advantage as a freelancer or small agency head?
3. I’ve been downsized/laid off/I’m stuck in a dead-end job working longer hours for less money. Should I look for a new job or take the plunge and go freelance?
4. What can I expect in terms of income and financial security if I switch from a staff job to freelancing? What techniques can I use as a freelancer to protect myself from the inevitable ups and downs?
5. How do I attract clients? How much in-advance work do I need to line up before I can quit my job?
6. How do I manage clients? What client expectations that are normal for in-house or big agency work must I deliver on as a freelancer or the head of a small or virtual agency? Which expectations can I discard? How do I tell my client what to expect?
7. Do I need an office? What are the absolute minimum tools I need to start out as a one-person shop?
8. How big can my freelance business grow before I need to recast it as a small agency?
9. What models are out there for starting an agency besides the conventional Inc. model with all its overhead? Which model would work best for me?
10. Who do I know with whom I could start a small or virtual agency? What should I look for in my partners? What should I beware of?
11. If I’m lucky enough to be growing, how do I protect my creative product and my professional reputation while adding new people and taking on more assignments?
12. How big can my agency grow before it sucks? How I can grow a business that’s dedicated to staying small?

Whitney Hess has written a fine wrap-up of the panel, including a collection of tweets raving about it, some of Mike Rohde’s visual coverage, and links to other people’s posts about the panel.

LISTEN to “From Freelance to Agency: Start Small, Stay Small”.

Tags: design, webdesign, podcast, recording, SXSW, SXSWi, SXSWi09, panels, panel, freelance, agency, smallagency, transition, survival, economy

Spec = asking the world to have sex with you and promising a dinner date to one lucky winner.

(In case you missed my Tweet.)

Comments off. Feel free to respond on Twitter.

Tags: spec, design, business, clientservices, twitter

I owe it all to Douglas Bowman’s bad back.

Doug and Brian Alvey and Adam Greenfield and I were working on a big client project when Doug’s back went out. He was so sick, he couldn’t work, and it was unclear when he would be able to work again.

As a friend, I was worried about Doug. As a creative director, I was worried about finishing my client’s project.

Doug and I had both done designs. The client liked my design but I’d sold him Doug’s. Now Doug couldn’t finish, and I didn’t trust myself to execute the remaining pages in Doug’s style. I needed someone skilled enough to finish what Doug had started and mature enough to sublimate his own style while still making good design choices.

I had just read “Grey Box Methodology,” a well-written romp through a personal design process. The author was a young designer named Jason Santa Maria. His site looked great, his portfolio was impressive, he had good ideas about design, and the process he had written about lent itself to the technical aspects of finishing Doug’s work.

I wrote to Jason Santa Maria, telling him I had a small freelance project that was probably boring and would bring him no glory, since it required him to design like someone else. Jason was game and said yes. He did a great job and was egoless about it, and he seemed perfectly comfortable working with better established, heavyweight talents. His quick, professional, selfless work kept the project going until Doug was back on his feet.

To reward Jason for what he had done, when a new and juicy assignment came my way, I asked if he wanted to be the project’s lead designer. The rest you can you figure out.

For four and a half years, Jason Santa Maria has been a designer and then a creative director at Happy Cog. In an agency filled with talent, he made a huge personal mark. I’ve trusted him with some of the most important designs we’ve handled, from AIGA to the redesign of A List Apart. He has never let me down, professionally or personally. More than that, his work has expanded my conception of what web design can be.

Four and a half years is a couple of centuries in internet time. For about a year, Jason and I have known that it was getting to be time for him to move on. Not that we had any problem with him or he with us. But just that nearly half a decade is a long time for any designer to spend in one place.

As he has just announced, Jason is leaving Happy Cog. He will stay involved in A List Apart and perhaps a few selected projects, but basically he is out the door and spreading his wings. Godspeed.

Tags: jasonsantamaria, Jason Santa Maria, JSM, Stan, adieu, happycog, design, webdesign