Categories
climate change Code Community Happy Cog™ social networking User Experience UX Web Design Websites work Working Zeldman

Brighter Planet beta

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:

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[/tags]

Categories
Community HTML spec Standards The Essentials Web Design Web Design History Web Standards XHTML

In defense of web developers

It has only been a few days but I am already sick of the “XHTML is bullshit, man!” crowd using the cessation of XHTML 2.0 activity to condescend to—or even childishly glory in the “folly” of—web developers who build with XHTML 1.0, a stable W3C recommendation for nearly ten years, and one that will continue to work indefinitely.

A coterie of well-informed codemeisters, from ppk to Ian Hickson, has always had legit beefs with XHTML, the most persuasive of which was Hickson’s:

It is suggested that HTML delivered as text/html is broken and XHTML delivered as text/xml is risky, so authors intending their work for public consumption should stick to HTML 4.01, and authors who wish to use XHTML should deliver their markup as application/xhtml+xml.

This problem always struck me as more theoretical than real, but I pointed it out in every edition of Designing With Web Standards and left it to the reader to decide. When I wrote the first edition of the book, some versions of Mozilla and IE would go into Quirksmode in the presence of HTML 4, breaking CSS layouts. To me, that was a worse problem than whatever was supposed to be scary or bad about using well-formed XHTML syntax while delivering it as HTML all browsers could support.

The opportunity to rethink markup

The social benefit of rethinking markup sealed the deal. XHTML’s introduction in 2000, and its emphasis on rules of construction, gave web standards evangelists like me a platform on which to hook a program of semantic markup replacing the bloated and unsustainable tag soup of the day. The web is better for this and always will be, and there is much still to do, as many people who create websites still have not heard the call.

A few who became disenchanted with XHTML early retreated to HTML 4, and as browsers stopped going into Quirksmode in its presence, valid, structural HTML 4 became a reasonable option again. But both HTML 4 and XHTML 1 were document languages, not transactional languages. They were all noun, and almost no verb. So Ian Hickson, XHTML’s biggest critic, fathered HTML 5, an action-oriented toddler specification that won’t reach adulthood until 2022, although some of it can be used today.

And guess what? HTML 5 is as controversial today as XHTML was in 2000, and there are just as many people who worry that a specification of which they don’t entirely approve is being shoved down their throats by an “uncaring elite.” Only this time, instead of the W3C, the “uncaring elite” is Mr Hickson, with W3C rubber stamp, and input from browser makers, including his employer.

XHTML not dead

All of this is to say that XHTML is not dead (XHTML 2 is dead, thank goodness), and HTML 5 is not here yet. Between now and 2022, we have plenty of time to learn about HTML 5 and contribute to the discussion—and browser makers have 13 years to get it right. Which is also to say all of us—not just those who long ago retreated to HTML 4, or who became fans of HTML 5 before it could even say “Mama”—are entitled to be pleased that standard markup activity will now have a single focus, rather than a dual one (with XHTML 2 the dog spec that no one was willing to mercy-kill until now).

Entitled to be pleased is not the same as entitled to gloat and name call. As DN put it in comment-44126:

What is really rather aggravating is how many people are using this news as a stick with which to beat any developer or freelancer who’s had the audacity to study up on and use XHTML in good faith–or even, much to the horror of the Smug Knowbetters, admire XHTML’s intelligible markup structure–for the brand-new-minted sin of doing the most with XHTML that’s possible. The ‘unofficial Q&A’ is ripe with that kind of condescension. …[D]on’t pin users (front-end developers are merely users of specifications) with Microsoft’s failure to support the correct MIME type.

Read more

  • Web Fonts, HTML 5 Roundup: Worthwhile reading on the hot new web font proposals, and on HTML 5/CSS 3 basics, plus a demo of advanced HTML 5 trickery. — 20 July 2009
  • HTML 5: Nav Ambiguity Resolved. An e-mail from Chairman Hickson resolves an ambiguity in the nav element of HTML 5. What does that mean in English? Glad you asked! — 13 July 2009
  • Web Standards Secret Sauce: Even though Firefox and Opera offered powerfully compelling visions of what could be accomplished with web standards back when IE6 offered a poor experience, Firefox and Opera, not unlike Linux and Mac OS, were platforms for the converted. Thanks largely to the success of the iPhone, Webkit, in the form of Safari, has been a surprising force for good on the web, raising people’s expectations about what a web browser can and should do, and what a web page should look like. — 12 July 2009
  • XHTML DOA WTF: The web’s future isn’t what the web’s past cracked it up to be. — 2 July 2009

[tags]HTML, HTML5, W3C, WTF, XHTML, XML[/tags]

Categories
A List Apart Community Design

Crowd wisdom, design smarts

Powazek plumbs the wisdom of community and Ritzenthaler takes the guesswork out of design in Issue No. 283 of A List Apart, for people who make websites.

The Wisdom of Community

by DEREK POWAZEK

The Wisdom of Crowds (WOC) theory does not mean that people are smart in groups — they’re not. Anyone who’s seen an angry mob knows it. But crowds, presented with the right challenge and the right interface, can be wise. When it works, the crowd is wiser, in fact, than any single participant.

Taking the Guesswork Out of Design

by DANIEL RITZENTHALER

Clients, like other humans, often fear what they don’t understand. Daniel Ritzenthaler explains how sound goal-setting, documentation, and communication strategies can bridge the gap between a designer’s intuition and a client’s need for proof.

Categories
An Event Apart Appearances Browsers Career client services Code Community content creativity CSS Design eric meyer events Happy Cog™ HTML HTML5 Ideas Images industry Information architecture jobs Redesigns Seattle speaking Standards State of the Web Surviving The Profession tweets twitter Working Zeldman

AEA Seattle after-report

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[/tags]

Categories
A List Apart An Event Apart Appearances better-know-a-speaker cities Code Community conferences content creativity CSS Design development Education eric meyer events HTML industry Information architecture Seattle Web Design Web Standards

Seattle-bound

City of Puget Sound, Jimi Hendrix, and the space needle, here I come for An Event Apart Seattle 2009—two days of peace, love, design, code, and content.

[tags]seattle, aneventapart, webdesign, webstandards, design, conference, conferences, webdesign conference, webdesign conferences, standards, IA, UX, ericmeyer, jeffreyzeldman, zeldman, meyerweb[/tags]

Categories
art direction books Community content creativity CSS Design downloads Free Happy Cog™ HTML Ideas industry Information architecture jobs Layout Publications Publishing reprints State of the Web The Essentials The Profession Tools Typography Usability User Experience UX W3C Web Design Web Standards Websites Working writing Zeldman

“Taking Your Talent to the Web” is now a free downloadable book

Taking Your Talent To The Web, a guide for the transitioning designer, by L. Jeffrey Zeldman. Hand model: Tim Brown.

RATED FIVE STARS at Amazon.com since the day it was published, Taking Your Talent to the Web (PDF) is now a free downloadable book from zeldman.com:

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.

Oh, yes, here’s that ancient Amazon page.


Short Link

Update – now with bookmarks

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

Categories
Code Community Standards Web Standards

Micro-semantics for fun and profit

At corebasis.com, Henning von Vogelsang modestly presents his initiative to use an asterisk as a semantic reference for “source:”

Recent history taught us, if something is simple, makes sense and it is easy to use, it will most likely become a standard. … Through the increasing expansion of Twitter, the at-sign (@) has become a standard reference for a sender’s name. … Another change (introduced 2007) was the usage of hashtags (#). …

To help distinguish the source of information from a person, I propose we start using the following pattern:

  • @name
  • #tag
  • *source

[tags]semantics, micro, asterisk, proposal[/tags]

Categories
business Community Design development work Working

Improved “Freelance to Agency” podcast

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]

[tags]design, webdesign, podcast, recording, SXSW, SXSWi, SXSWi09, panels, panel, freelance, agency, smallagency, transition, survival, economy[/tags]

Categories
business Community Design development Freelance Self-Employment Small Business Surviving Web Design work Working

“Freelance to Agency” Podcast

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:

  • 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?
  • 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?
  • 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?
  • 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?
  • How do I attract clients? How much in-advance work do I need to line up before I can quit my job?
  • 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?
  • Do I need an office? What are the absolute minimum tools I need to start out as a one-person shop?
  • How big can my freelance business grow before I need to recast it as a small agency?
  • 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?
  • 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?
  • 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?
  • 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[/tags]

Categories
Community Design Standards Web Design

Extreme Markover

“Markover a site for a non-profit. Showcase your talent and gain industry recognition!” So advise the founders of Extreme Markover, an event that pits the talent and expertise of standards-based web designers against the challenges faced by underfunded nonprofits.

Sponsored by the World Organization of Webmasters in partnership with Web Design World 2008 Boston and Bizland, “the leader in web hosting,” Extreme Markover invites web professionals worldwide to demonstrate their talent and expertise while giving back.

For details, or to submit a prospective markover candidate, visit extrememarkover.org.

[tags]WOW, webdesign, webstandards, markover, competitions[/tags]

Categories
Accessibility Applications architecture art direction Browsers bugs business Code Community content copyright creativity Fonts Ideas industry Layout links spec Standards stealing Tools Typography Usability User Experience W3C Working

Real type on the web?

A proposal for a fonts working group is under discussion at the W3C. The minutes of a small meeting held on Thursday 23 October include a condensed, corrected transcription of a discussion between Sampo Kaasila (Bitstream), Mike Champion (Microsoft), John Daggett (Mozilla), Håkon Wium Lie (Opera), Liam Quin (W3C), Bert Bos (W3C), Alex Mogilevsky (Microsoft), Josh Soref (Nokia), Vladimir Levantovsky (Monotype), Klaas Bals (Inventive Designers), and Richard Ishida (W3C).

The meeting started with a discussion of Microsoft’s EOT (Embedded OpenType) versus raw fonts. Bert Bos, style activity lead and co-creator of CSS, has beautifully summarized the relevant pros and cons discussed.

For those just catching up with the issue of real type on the web, here’s a bone-simple intro:

  1. CSS provides a mechanism for embedding real fonts on your website, and some browsers support it, but its use probably violates your licensing agreement with the type foundry, and may also cause security problems on an end-user’s computer.
  2. Microsoft’s EOT (based on the same standard CSS mechanism) works harder to avoid violating your licensing agreement, and has long worked in Internet Explorer, but is not supported in other browsers, is not foolproof vis-a-vis type foundry licensing rules, and may also cause PC security problems.

The proposed fonts working group hopes to navigate the technical and business problems of providing real fonts on the web, and in its first meeting came up with a potential compromise proposal before lunch.

Like everyone these days, the W3C is feeling a financial pinch, which means, if a real fonts working group is formed, its size and scope will necessarily be somewhat limited. That could be a good thing, since small groups work more efficiently than large groups. But a financial constraint on the number of invited experts could make for tough going where some details are concerned—and with typography, as with web technology, the details are everything.

I advise every web designer who cares about typography and web standards—that’s all of you, right?—to read the minutes of this remarkable first gathering, and to keep watching the skies.

[tags]web typography, typography, standards, webstandards, W3C, fonts, embedded, @fontface, EOT, workinggroup[/tags]

Categories
A List Apart Code Community Design development Publishing Standards work Working

ALA No. 270: progressive enhancement 2; work at home

In Issue No. 270 of A List Apart, for people who make websites:

Progressive Enhancement with CSS

by AARON GUSTAFSON

Organize multiple style sheets to simplify the creation of environmentally appropriate visual experiences. Support older browsers while keeping your CSS hack-free. Use generated content to provide visual enhancements, and seize the power of advanced selectors to create wondrous (or amusing) effects. Part two of a series.

Working From Home: The Readers Respond

by OUR GENTLE READERS

We asked. Our gentle readers answered. In A List Apart No. 263 we inquired how you walk the blurry line when you work from home. Here are your secrets—how to balance work and family, maintain energy and focus, get things done, and above all, how to remember the love.

[tags]progressiveenhancement, workathome, webdesign, webdevelopment, alistapart[/tags]

Categories
Advocacy business Community democracy dreams engagement Happy Cog™ homeownership New York City NYC Philadelphia poverty war, peace, and justice work

Housing Works launch

We call ourselves web designers, but sometimes we are more than that. Sometimes we get to participate, in however small a way, in something much larger and more important than ourselves.

Started in 1990 by four members of ACT UP, Housing Works helps people who are homeless and have HIV or AIDS. Housing Works not only saves lives, it restores dignity, purpose, and hope to those whom society has cast aside. Happy Cog is honored and humbled to have worked with this amazing organization and to announce the relaunch of the Housing Works website, redesigned by Happy Cog.

Our thanks to Housing Works’s Christopher Sealey and his team—we bow endlessly in your direction, sir. And my thanks and commendation to the amazing people at Happy Cog who did the work:

[tags]Housing Works, AIDS, HIV, homeless, homelessness, advocacy, hope, happycog, work[/tags]

Categories
AIGA Community conferences Design events Web Design

Dear AIGA, where are the web designers?

Dear AIGA:

I am a member in good standing and was honored to be part of the AIGA site redesign.

I received your email about the AIGA Business and Design Conference and am impressed with the speakers at the main show, as well as the 20/20 presenters. You have chosen brilliant talents who have made major contributions; with such speakers, the conference will undoubtedly be an illuminating and brilliant success.

But in reading the mini-biographies of the presenters, I can’t help noticing that for all the brand directors, creative directors, Jungian analysts, and print designers, one rather significant specimen of the profession is missing. Where are the web (or if you insist, the interaction) designers?

I am probably missing someone, but I count two people with web experience, and neither gets more than 60 seconds of stage time.

In my years as a web designer, I’ve worked with dozens and met thousands of gifted, passionate design professionals who would surely love to spend three days soaking up graphic design brilliance at an event like Gain.

But if no one on the stage shares their experience—and if one of the two speakers with web experience thinks the web is a crude medium where second-rate designers create unmemorable and mediocre works—AIGA is unlikely to reach this audience.

I need hardly add that this audience makes up an ever increasing percentage of the design profession, and performs work that is global in impact.

If you exclude us from the conversation, the conversation may end up excluding you.

Comments are now closed, but you can read what other people had to say.

[tags]AIGA, webdesign, GAIN, conference[/tags]

Categories
A List Apart Accessibility Community Design development Publications Publishing work writing

ALA No. 265: better experience

In Issue No. 265 of A List Apart, for people who make websites: The web is a conversation, but not always a productive one. In “Putting Our Hot Heads Together,” Carolyn Wood shares ways to transform discussion forums and comment sections from shooting ranges into arenas of collaboration. Plus: Because of limited awareness around Deafness and accessibility in the web community, it seems plausible to many of us that good captioning will fix it all. It won’t. In “Deafness and the User Experience,” Lisa Herrod explains how to enhance the user experience for all deaf people.

P.S. The Survey for People Who Make Websites closes Tuesday, August 26. Don’t miss your chance to help educate the world about the practice of our profession. Please take the survey and encourage your friends and colleagues who make websites to do likewise.

Comments off.

[tags]alistapart, deafness, user experience, UX, accessibility, collaboration, discussion, comments, community [/tags]