Categories
Design development Layout Web Design

Is your (website’s) underwear showing?

It’s astounding how many web designers forget to specify a background color on their site. They’ll spend months iterating wireframes and design comps; write CSS hacks for browsers predating this century; test their work on everything from Blackberries to old Macs running System 7; and of course they’ll validate their markup and style sheets. But after all that, they’ll forget to apply a background color to their site, and they won’t think to check for it.

To see it in action, set your browser’s default background color to magenta, or something equally piquant. Then visit websites. You may be surprised.

If you find a site with its underwear showing, please share it in the new Underwear showing (web design) group on Flickr.

[tags]design, webdesign, underwear, showing, color, backgroundcolor, interface, interfacedesign, errors[/tags]

Categories
An Event Apart art direction Boston Community conferences content CSS Design development eric meyer events experience Happy Cog™ Ideas industry Jason Santa Maria Layout links Standards style Travel UX Web Design Zeldman

AEA Boston 2008 session notes

Early, initial linkage and reviews. Let us know what we missed!

Functioning Form – An Event Apart: Understanding Web Design

Luke Wroblewski: “Jeffrey Zeldman’s Understanding Web Design talk at An Event Apart Boston 2008 highlighted factors that made it challenging to explain the value and perspective of Web designers but still managed to offer a way to describe the field.”

Functioning Form – An Event Apart: The Lessons of CSS Frameworks

Luke Wroblewski: “At An Event Apart Boston 2008, Eric Meyer walked through common characteristics of several Cascading Style Sheet (CSS) frameworks and outlined lessons that can be learned from their structure.”

Functioning Form – An Event Apart: Good Design Ain’t Easy

Luke Wroblewski: “Jason Santa Maria’s Good Design Ain’t Easy talk at An Event Apart 2008 argued for deeper graphic resonance in the presentation of content online.”

KarlynMorissette.com: An Event Apart: Day one schedule

Karyln is an educator who attended An Event Apart Boston 2008, sat in the front row, and took fabulous notes. This summary post links to her individual notes from each session of day one.

Karlyn’s session notes are informative, opinionated, and fun to read, and include photos of speakers and presentations. Well worth your time!

KarlynMorissette.com: An Event Apart: Day two schedule

Karyln assesses day one and posts links to her individual notes from each session of day two (except for the last session, as “you had to be there” for the live critiques).

Idiot Banter: An Event Apart session notes

Notes from all sessions.

Slide sharing

Luke Wroblewski – An Event Apart: Web Application Hierarchy

“In my Web Application Hierarchy presentation at An Event Apart Boston 2008, I walked through the importance of visual hierarchy, visual principles for developing effective hierarchies, and utilizing applications of visual hierarchy to communicate central messages, guide actions, and present information. Download the slides from my presentation.”

Quirksmode: AEA Boston slides

From Peter-Paul Koch’s presentation on unobtrusive scripting.

[tags]aneventapart, design, webdesign, conference, aeaboston08, session notes, downloads[/tags]

Categories
art direction Design Jason Santa Maria Layout people Web Design work

Art direction on the web?

On Tuesday morning, while Malarkey was furiously getting himself uninvited to Håkon Lie‘s Christmas parties, and oneself was busy publishing the latest issue of A List Apart, and the jungle drums spoke of nothing but Firefox 3, Jason Santa Maria quietly slipped a torpedo into the harbor.

Jason didn’t just redesign his website, he issued a call to arms. And what he called for was real art direction on the web.

Now, over the years, plenty of others have called for art direction on the web, and some have achieved it. Quite famously, starting in September 1996, Derek Powazek achieved it with the original {fray}, an independent, non-commercial, personal storytelling site featuring the finest writers and illustrators on the web, not a few of whom {fray} discovered and launched. Stories like Lance Arthur’s A Little Black Death, Molly Steenson’s Pulling a Geographic (now sadly stuck in a loop), and Rebecca Eisenberg’s Mugged weren’t just compellingly written; they were compellingly written and art directed. The drama of viewing and wondering what the next page held was part of the reading experience, as it is in visually leading print magazines like Seed and Wired.

{fray} was a magnificent achievement and still is, and if design officialdom didn’t recognize it at the time, and hasn’t recognized it since, the fault lies with officialdom.

But {fray} was not only a labor of love, it was also a labor of labor—each page lovingly hand crafted in the browser-centric HTML of the time. And today we are modern and streamlined, not only in our markup, but in our means of production. We’re all about blogs and zines, templates and CMS platforms. Nobody but weird Unibomber-like hermits and Tantek hand-codes individual pages anymore.

And it is to that environment—to our environment—that Jason’s redesign speaks, calling for real art direction in the context of template-and-CMS-based publications.

Well, here is my experiment: a very simple setup for fast design and art direction around content. I’m approaching this is much the same way one would approach the design of a magazine: a system for the way content gets handled, but every layout and story can take on a look of their own within that system.

It’s just a blog, like any blog, although better looking than most. Housed on what is essentially a beefed-up open source blogging platform. Beefed up just enough to allow the writer/designer to change colors, typefaces, and the position and shape of copy blocks on a per-post basis as needed.

Speaking of beef, where is it? Where are all these posts with unique layouts within an overarching and unifying system of design? They have yet to be written and produced. But I’ve seen the comps and know some of what is coming, and it is going to be a lovely, drawn-out feast.

And even if it were not half as lovely as it will be—if Jason, instead of being one of our leading web designers, were a visual illiterate—the idea would still matter, and this proof of concept would still merit our gratitude.

[tags]artdirection, webdesign, jasonsantamaria, derekpowazek,{fray}[/tags]

Categories
A List Apart Ajax CSS Design Information architecture Layout Publications Publishing

ALA 261: CSS layout redux; in praise of prototyping

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

Faux Absolute Positioning

by Eric Sol

CSS layout is awesome, except when your layout calls for a header, a footer, and columns in between. Use float, and content changes can cause columns to wrap. Use absolute positioning, and your footer can crash into your columns. Add the complexity of drag-and-drop layouts, and a new technique is needed. Enter “faux absolute positioning.” Align every item to a predefined position on the grid (as with absolute positioning), but objects will still affect the normal flow (as with float).

Sketching in Code: the Magic of Prototyping

by David Verba

The rise of Ajax and rich internet applications has thrown the limitations of traditional wireframing into painful relief. When you leave the world of page-based interactions, how do you document all but the simplest interactions? Flowcharts and diagrams don’t work. Prototyping saves the day by focusing on the application and conveying its “magic.” Prototypes can help you sell a decision that is fundamentally or radically different from the client’s current solution or application. Sit a stakeholder down in front of a working prototype and show him or her why your approach is compelling.

[tags]css, layout, ajax, prototyping, information architecture, design, faux absolute positioning, webdesign, alistapart[/tags]

Categories
A List Apart Design Happy Cog™ Layout Publications Publishing Usability

ALA 258: art of community, science of design

What does it take to build an online community like Flickr’s? And how can we tell if interface design conventions we take for granted actually help or hurt users? In Issue No. 258 of A List Apart, for people who make websites, George Oates, a key member of the core team that shaped the Flickr community, tells what it will take to build the next Flickr (hint: the answer isn’t Ajax). And Jessica Enders drops some science on the widespread belief that zebra stripes aid the reader by guiding the eye along a table row.

[tags]alistapart, publishing, publications, happycog, zebrastripes, zebrastriping, usability, design, community, flickr, georgeoates, jessicaenders[/tags]