Categories
Design Facial Hair fashion style

Moustaches, goatees, and beards

They are not the same. Discuss.

[tags]style, fashion, facial hair, beard, moustache, goatee, vandyke[/tags]

Categories
Accessibility books Design industry links Publishing Six Apart Tools war, peace, and justice Zeldman

Inflamed linkazoidal tissues

The Economist profiles Mena Trott
Of late, The Economist has been paying greater attention to the web, undoubtedly because investors are doing likewise. The magazine even gets some things right. It’s great to see a hard-working innovator like Six Apart‘s Mena Trott get profiled in the magazine’s business section. I only wish the journalist who profiled Ms Trott could have laid off the condescending sexism. (“Girly whim?”) Why don’t they tell us what she was wearing?
Jubilee Center
This free after-school program for kids from kindergarten to sixth grade is “the only after-school and summer safe haven for children in Hoboken’s public housing neighborhood—a neighborhood with a history of violent crime and drug-related arrests.” ’Tis the season for giving (not that poverty ever goes out of season); support the Center!
simplebits redesign
Gorgeous.
Ten Worst Internet Acquisitions Ever
Amusing.
IconBuilder 8.1 (free update)
The Photoshop plug-in for favicon makers and icon bakers. Released 16.Nov.06. Free upgrade for registered users.
Things Designers Want for Christmas
Greg Storey of Airbag Industries builds hisself a Christmas store using Amazon’s new “astore” technology. I’ve been longing to do the same thing.
Judge: Make Bills Recognizable to Blind
“The [U.S.] government discriminates against blind people by printing money that all looks and feels the same, a federal judge said Tuesday in a ruling that could change the face of American currency.” Hat tip: Sean Jordan.
Slashdot reviews DWWS2e

Trent Lucier writes:

If you’ve browsed the web design section of any bookstore lately, you’ve seen him staring at you. The blue hat. The mustache. The blinding neon background. He’s Jeffrey Zeldman, publisher of the influential web development magazine, ‘A List Apart’ and author of the book Designing With Web Standards (DWWS). The first edition of the DWWS was published in 2003, and now 2006 brings us an updated 2nd edition. In a market flooded with XHTML, CSS, and web standards books, is DWWS 2nd Ed. still relevant?

I love it that they think I have a moustache.

[tags]links, sixapart, menatrott, hoboken, afterschool, simplebits, dancederholm, design, web2.0, accessibility, airbag[/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]

Categories
Browsers Design development Standards

Safari better than Firefox?

Standardistas adore the Mozilla Firefox browser for its advanced support of web standards. (How good is it? The Web Standards Project considered declaring victory and closing shop when Netscape Corp. announced in 1999 that it would heed our advice and dump its non-compliant software in favor of the Gecko rendering engine that powers Firefox today.)

Though Firefox and related Mozilla browsers deserve credit for their unsurpassed handling of everything from the Document Object Model to MIME types, Firefox’s way with text leaves much to be desired, as the following screen shots show. Indeed, if reading is mostly what you do on the web, and if accurate typography makes reading more of a pleasure and less of a strain, then Apple’s Safari is superior to Firefox.

Lucida, Test One: with genuine italics

Zeldman.com is designed to be read in Lucida Grande, and the site originally listed “Lucida Grande” first in its style sheet. Alas, Lucida Grande lacks true italics. Fortunately, Lucida Sans has them. In a version of our style sheets used to capture the following screen shots, we’ve listed Lucida Sans first, Lucida Grande second, and substitutes thereafter. Both browers handle the site like a dream—but it is only a good dream in Safari. Open the screen shots in tabs:

Questions for discussion

  1. In Firefox, why does the text “now in its second edition. I can’t” display midway between roman and bold, and why is it so poorly antialiased? Apparently, Firefox bungles roman text that follows italics.
  2. In Firefox, why doesn’t hyphenation work? My gosh, people, it’s nearly 2007. IE5/Mac supported hyphenation.

Lucida, Test Two: using a font that lacks italics

Remember: Lucida Grande does not have italics; Lucida Sans does. But as Test One showed, Firefox can’t handle Lucida Sans correctly. So we’ve revised the style sheet. With Lucida Grande listed first in the style sheet, and Lucida Sans deleted, Safari still trounces Firefox. The experience of reading text is smoothly beautiful in Safari, much less so in Firefox.

Observations

  1. Both browsers fake the italics. But Firefox does the job crudely: a child could tell that its “italics” are faked. (Firefox slants the roman text.) By contrast, Safari fakes its italics so well (by substituting a true italic from the next available listed font that contains one) that only graphic designers and type hounds will realize that the font they’re viewing contains no true italics. See reader comments for delicious details.
  2. In Firefox, hyphenation still does not work.

Notes

It’s worth pointing out that these tests were done on Macintosh computers, which are known for their superior handling of text, and that Lucida is not some strange face chosen to prove a point. It is the default font in Mac OS X (not to mention on apple.com). Moreover, Lucida Sans Unicode, the first Unicode encoded font, shipped with Windows NT 3.1 and comes standard with all Microsoft Windows versions since Windows 98.

When I showed a friend and fellow designer these simple tests as I was working on them, he asked if I had reported “the bug” to the makers of Mozilla. But as I count it, there are multiple, overlapping Firefox bugs happening here—too many to fit into a bug-report form. I suspect that the problems have to do with Mozilla’s reliance on its cross-platform display environment. If you scuttle what an individual operating system does well in favor of what a cross-platform environment does poorly, you get what we’re seeing here. It’s not good enough.

Inferences for best practices

If your content will sometimes include italicized text, you naturally want to specify a font that contains italics. That’s just common sense. Unfortunately, as our screen shots have shown, common sense works against you here, because Firefox, although superior to other browsers in many ways, handles text like a drunken fry-cook.

When you specify the font that contains genuine italics (as we did in Test One), Firefox mishandles the roman text that abuts italicized words. When you replace that font with one that contains no italic (Test Two), Firefox fakes the italics crudely, but overall display and legibility are better than the unusable results of Test One.

Obviously there are fewer problems if you limit your website to Verdana and Georgia, but more constraints on typography are not what the web needs.

Discussion is now closed. Thanks to all who shared.

[tags]design, browsers, webstandards, webdesign, mozilla, safari, apple, lucida, unicode, windows, macintosh, osx[/tags]

Categories
An Event Apart better-know-a-speaker Design events people

Better Know a Speaker: Steve Krug

You may have heard that An Event Apart is expanding. 2007 will see big, two-day shows in fine, fancy towns like Boston, New Orleans, Chicago, and San Francisco—with more great speakers than before and at a lower ticket price per day.

Steve Krug

Take Boston, and consider but one of our nine featured speakers, Mr. Steve Krug (biography, business website), author of the game-changing usability tome Don’t Make Me Think: A Common Sense Approach to Web Usability, now in its second edition. I can’t believe we got him. I’m still awed that he said yes.

If not for Steve Krug, I wouldn’t so much as speak the word “usability” in the privacy of my home, let alone bandy it about in mixed company. Curt Cloninger memorably expressed what many of us felt when he wrote “Usability experts are from Mars, graphic designers are from Venus” in the July 28, 2000 issue of A List Apart.

Stop and smell the brimstone

Like many design professionals, I rejected usability when I first encountered it. That’s mainly because I first encountered it as a series of rules, put forward by business-oriented, lab-coat-wearing experts who were hostile to the aesthetic component of user experience. Later, the rules would soften. “Only use blue, underlined links” would give way to gentler and more flexible guidelines.

And even before this softening, there was much in the early, fire-and-brimstone approach to usability that was actually of value to web designers. I should have been open-minded enough to benefit from the helpful bits and wink at the rest. But I was too busy defending my creative turf (not to mention reliving old battles with badly run focus groups and cocky account execs) to look closer and see that usability mainly means designing for the people who use my site.

And then along came Mary

Don’t Make Me Think. Starting with his book’s very title, Steve Krug made me see. Advancing from one low-key, guilt-free, common-sense premise to the next, Don’t Make Me Think made me think. And think. Above all, it made me rethink.

Icon from archived Happy Cog projects page (non-hover state).

Consider an archived Happy Cog portfolio page. Ignore the problem of orange-on-orange, which falls more under accessibility than usability. Focus on the page’s unusual means of presenting written content. When you click an icon, relevant text emerges. Click again, and it disappears. For instance, when you gently tap Cate Blanchett, you get text about the Charlotte Gray website we designed for Warner Bros.

It’s nifty stuff—at least for a non-Flash, pre-Ajax site. Or is it? I had fun designing it; other designers had fun reverse-engineering it and adding the same show and hide effects to their pages. I even shared the code in the first edition of Designing With Web Standards, mainly to prove how easy it was to use CSS, JavaScript, and the DOM to create playful interfaces that roughly mimicked the behavior of applications and kiosk-based presentations.

But the page’s usability is awful. How could a visitor possibly know that she is supposed to click an icon to reveal pertinent hidden text? She couldn’t. Hence the explanatory text at the top of the page. If you have to explain how your interface works, maybe you need to rethink the whole thing.

Steve Krug didn’t drop by my house to tell me my design was overwrought and under-thought. And he wouldn’t have put it that way, anyway. He’s way too nice a guy, not to mention way too experienced a consultant, to base his tutelage on insults. But his book woke my conscience and reshaped how I approach my craft.

His book, which you can read during a business flight, makes a convincing case for studying your audience, learning their needs, creating pathways of experience that you hope will meet those needs, and then testing, testing, testing.

Krug convinces because he is witty, and charming, and humble, and mostly because his ideas make sense and ring true. Boiled down, the essence of usability is the same as the essence of all good design: Think more so your users don’t have to think at all.

Design, after all, is about solving problems. Start with your user’s.

Please come to Boston

An Event Apart Boston 2007

My Event Apart co-host Eric Meyer and I don’t know exactly what Steve Krug will talk about on March 26 or 27 on our stage at Marriott Copley Place. We only know we will be privileged to be among his listeners. Registration for An Event Apart Boston 2007 will open in January, 2007. (A lot) more information about the show will be available very soon.

In coming weeks, in these pages, I’ll share what each of our exciting speakers means to me. Meanwhile, enough about me and Steve Krug. What does Steve Krug mean to you?

[tags]aneventapart, Steve Krug, usability, design, webdesign, boston, conferences[/tags]

Categories
Browsers Design development

Enable caching to upload files

You’re an Apple Safari browser user. After upgrading to OS X 10.4.8, you are unable to upload files to 37signals’s Basecamp via that application’s easy, web-based uploading tools. Or you are unable to upload your logo to Boxes & Arrows’s events listing. Or you are stymied in your efforts to upload your photos to JPG Mag.

The fault lies not with Basecamp or Boxes & Arrows or JPG. Nor is it strictly because you’re using an Intel Mac. Camino, Firefox, and Opera still let you upload images over http. The problem is Safari. But not every Intel-Mac-wielding Safari user suffers from it. Many continue to upload files after upgrading to 10.4.8. They glance pityingly at you out their passenger windows as they speed past.

What is the problem? You’re a web designer. As a web designer, you’ve used a third-party product like Safari Enhancer to disable caching in your browser.

If you don’t disable caching in your browser, then Safari becomes kind of useless to you as a web development tool, because Safari hangs onto files like a junkyard dog clomps onto a postman’s thigh. Safari will hold onto outdated CSS, outdated text, outdated images. You’ll quit and restart. You’ll check your SFTP settings repeatedly, wondering why you keep uploading updated content to your web project, but Safari keeps showing you outdated content.

Safari shows outdated content for hours after other browsers (even browsers with caching enabled) have recognized that something changed. Safari does this because it makes browsing faster for ordinary users who are not web designers. It works. Unfortunately, what makes Safari fast and fun for ordinary users makes it a pain for web designers—unless they disable caching.

Before 10.4.8, you could disable caching in Safari and still upload files over http. After 10.4.8, you can’t. It’s not a feature, it’s a bug. Until Apple fixes it, you can leave caching disabled in Safari and use Firefox, Camino, or Opera as your default browser—or re-enable caching, and add an hour of Stupid Time to your web development and testing process.

[tags]web design, apple, mac, os x, safari, browsers, web development[/tags]

Categories
A List Apart Community Design development fashion

Return of the Son of XHTML Fist

Issue No. 227 of A List Apart, For People Who Make Websites,™ heralds the revivification and expansion of the A List Apart Store and T-Shirt Emporium.

Redesign/Realign shirt

We are now offering new T-shirt designs that tell the world you are a rebel, a maverick, an original in a world of copies (and you know HTML): Web 2.0, -9999px, and Redesign/Realign. We’ve also stocked gently remixed classics: Warning Sign and XHTML Fist AKA Six Fingers of Doom. And, yes, traditionalists can still stock up on timeless, unchanged ALA logo shirts, avec wreath.

When you’ve donned your shirt, strike a pose in our spanking new (and hard-to-pronounce) A List Apart Shirts Flickr Group.

Testing proves testing works

As you can imagine, choosing the right T-shirt production and fulfillment partner required a massive mental effort, supported by modern research methodologies. We studied all the production and fulfillment companies out there, analyzing market data and poring over spreadsheets. But we didn’t stop there.

We completed a 72-hour card-sorting exercise (with no bathroom breaks), ran double-blind focus groups, and even hired our friends who used to call themselves information architects.

Sure, it was work—weeks of it. But it was worth it. Our grueling, science-based efforts paid off by revealing, as no sloppy shortcuts could have, the best possible choice of vendors. In short, we hired Jason’s wife’s company (also Nif’s!). They are awesome. (More shirt coverage is available at Jason Santa Maria dot com.)

All this … and content, too!

But this issue of A List Apart is not merely about re-opening our store’s doors. It’s about opening your mind. And in this issue, Rob Swan and Matthew O’Neill help us do just that:

In Defense of Difficult Clients

by Rob Swan

We’ve all had bad clients. All too rarely do we find ourselves working for someone who understands what we do, respects our craft, and defers to our judgement. But do bad clients get a bad rap? Can we turn bad client relationships into good learning experiences? Can our worst clients help us better understand and articulate our highest beliefs about our calling? Well, anyway, Rob Swan thinks so. Read this and see what you think.

Super-Easy Blendy Backgrounds

by Matthew O’Neill

Gradients and bevels, bevels and gradients. Bevels, bevels, bevels. Gradients, gradients, gradients. And sometimes, drop-shadows. But mostly, and especially, gradients. Nothing says “Buy me, Google,” like a nice gradient background—especially in a navigation bar. Wouldn’t it be swell if you could get all that goodness without opening Photoshop every time you needed a little gradient bliss? Matthew O’Neill explains how you can. Happy coding and selling out!

Categories
Design family Happy Cog™ industry Tools

Pardon Mon Oncle

Happy Cog: About us
Pardon our size, we are growing.
Sonja Mueller Photography
Photo portfolio with unusual (unique, soothing, rather beautiful, if ultimately unrelated to the content it supports) Flash-based interface. The rich interface almost overshadows the photography.
Deconstructing the Mobile Web

The mobile Web is largely overplayed hype—the clumsy extrapolation of the behavior and use of a basic set of interfaces from one environment to another incompatible one.

10 Things I Learned at Mobile 2.0
  1. Mobile 2.0 = The Web.
  2. The mobile web browser is the next killer app.

Plus eight more things!

Turing Test Proves 2-Year-Olds Not Human

Roger Mason and Cao Li, as part of their Doctoral thesis, have performed the Turing Test on a group of 2-year-old children, both male and female. The results show that of a group of 100 children, none passed the Turing Test.

Q. Why Am I So Angry?
A. Pants.
Are you ready for ISBN-13?
On 1 January 2007, the length of the International Standard Book Number (ISBN) will officially change from 10 to 13 digits. Pearson’s online tool quickly translates between 10 and 13-digit ISBNs.
Entrepreneurs See a Web Guided by Common Sense
NY Times: Semantic Web = Web 3.0.
Safari Tidy plugin
Automagically validate the web pages you browse for (x)html compliance. Works great! Recommended.
Flickr: Retro Kid
Astounding photo pool containing thousands of retro images—classic faves to arcane rarities. It’s a themed bazaar for your eyeballs! For yet more visual pleasure and oblique social commentary, see also the Paula Wirth Flickr Groups.
Pimp My Safari
Extend Safari like you extend Firefox.
Gratuitous use of buttocks in music marketing
The song remains the same. Not work-safe.

[tags]mobile web, web 3.0, flickr, happycog, IA, ISBN, semantic web[/tags]

Categories
Accessibility Blogs and Blogging Design Ideas industry

Patronizing Joe Clark

I'm behind on my child support... but I'm paying for Joe’s research!

[tags]Joe Clark, joeclark, accessibility, micropatronage, blogs, blogging[/tags]

Categories
Accessibility An Event Apart cities Community Design events photography Standards

Shiny happy people

An Event Apart Austin. Monday 6 November 2006. The Alamo Drafthouse Cinema Downtown. Austin, Texas, USA. Design and code. Macs and mics. Was it good for you, too?
(Photo pool.)

[tags]aneventapart, austin, design, conferences, events[/tags]

Categories
democracy Ideas links

The Polling Place Photo Project

The Polling Place Photo Project is a nationwide experiment in citizen journalism that seeks to empower citizens to capture, post and share photographs of democracy in action. By documenting their local voting experience on November 7, voters can contribute to an archive of photographs that captures the richness and complexity of voting in America.

The Polling Place Photo Project is part of Design for Democracy, an initiative of AIGA, the professional association for design.

[tags]democracy, usa, voting, polls, AIGA, designfordemocracy[/tags]

Categories
An Event Apart cities Design events Standards

An Event Apart Austin: Details, Details

Event Apart Austin attendees, this post contains important information about parking, laptops, snacks and lunch, the after-party sponsored by Knowbility, our Flickr photo group, and more. The rest of you, please move along.

About Austin

Austin, capital of Texas, “live music capital of the world,” and the Southwest’s answer to Silicon Valley, is a lively and remarkable town, teeming with history and high-rises, high-tech and dirty low-down blues. Seat of a great university and a million funky taverns, it’s paradise for music lovers and Tex-Mex junkies. Our favorite activity: breakfasting and celebrity-watching at Las Manitas Florist, 211 Congress Avenue (when we can get in). Yes, it’s called “Florist.” No, it’s not a florist, it’s a great Mexican cafe. Welcome to Austin!

Location, Laptops, and Lunch

An Event Apart Austin takes place…

Monday, November 6th, 2006, 9am – 5pm
Alamo Drafthouse Downtown
409 Colorado St. (Corner of 4th and Colorado; Directions and Map)
Austin, TX 78701

Yes, you can bring your laptop. Yes, there will be WI-FI. Yes, there will be chow throughout the day, including vegetarian choices. (Lunch options include veggie pizza, veggie sandwiches and salads. There are plenty of meat options, too.)

The Schedule

An Event Apart Austin runs from 9:00 am – 5:00 pm. We have a lot to cover, so the event will start promptly. Arrive early to get a good seat! Doors open at 8:00 am; for best results, plan to show up between 8:00 am and 8:30 am. If you’re driving, leave yourself extra time to find a good parking space. (See the next section for details on parking.)

The day’s schedule is available for your perusal.

Parking

Parking can be a hassle, so come early and give yourself extra time. The Alamo Drafthouse says:

With the ongoing construction and the increased popularity of the warehouse district downtown, parking can be a real challenge. Street parking is still available for the crafty and persistent; we also recommend the parking structure between 3rd and 4th streets on San Antonio. The neighboring restaurants also have valet parking until midnight.

Happy Hour and a Half

An Event Apart Austin will be chock-full of design and code pleasures. But the fun (and the networking) don’t stop at 5:00. Join us after the show for a Happy Hour and a Half featuring complementary cocktails and savory snacks, sponsored by our good friends at Knowbility:

Happy Hour and a Half 6:00 – 7:30
The Belmont
306 W. 6th Street

Entering the Belmont Austin, with its wonderful 60s period decor, is like cruising Las Vegas or Palm Springs with Frank, Dino, and Sammy. Okay, it’s not—but it will be fun, especially after all those hours of brain work. Pull up to a plush banquette, order a free cocktail, and hob-nob with your fellow attendees.

Freebies From our Sponsors

By random drawing, some folks attending An Event Apart Austin will win software, books, or free hosting donated by our wonderful sponsors: Adobe, New Riders/AIGA Press, and Media Temple. Thank you, sponsors!

Join our Flickr Group!

You know you want to! Bring your digital camera and snap away (just be considerate of your fellow attendees). Share your snapshots with other attendees on our Flickr group:

flickr.com/groups/aeaaustin2006

Suggested tags: aneventapart, aneventapart06, aneventapart2006, aneventapartaustin, austin

Disclaimer and Miscellany

Please note that the schedule is subject to change, and that some things are not entirely within our control.

Previous AEA Austin 2006 news

[tags]aneventapart, design, conferences, austin, texas[/tags]

Categories
Accessibility Browsers Design development events Ideas links music Standards writing

Monday breakfast links

Berners-Lee: reinventing HTML

Tim Berners-Lee, inventor of the web and founder of the W3C, announces reforms:

It is really important to have real developers on the ground involved with the development of HTML. It is also really important to have browser makers intimately involved and committed. And also all the other stakeholders….

Some things are clearer with hindsight of several years. It is necessary to evolve HTML incrementally. The attempt to get the world to switch to XML, including quotes around attribute values and slashes in empty tags and namespaces all at once didn’t work.

9 to 5 = average
To be great in design takes passion and work.
Sending XHTML as text/html Considered Harmful to Feelings
I love this.
Web Directions North
Our Australian friends set up camp in Vancouver, for what looks like a great two-day conference on standards-based design and development (Vancouver Canada, February 6-8 2007). Speakers include Kelly Goto (Gotomobile), Andy Clarke (malarkey), Adrian Holovaty (Chicago Crime, Washington Post), Douglas Bowman (Google Visual Design Lead), Dan Cederholm (SimpleBits), Joe Clark (joeclark.org), Dave Shea (CSS Zen Garden), Cameron Moll (Authentic Boredom), Molly Holzschlag (Molly.com), Veerle Pieters (Veerle’s Blog, Duoh!), Kaitlin Sherwood (Google Maps US Census mashup), Tantek Çelik (Technorati).
Web Accessibility: Web Standards and Regulatory Compliance
By Andrew Kirkpatrick, Richard Rutter, Christian Heilmann, Jim Thatcher, Cynthia Waddell, et al. Don’t let the unsexy title fool you. Vast and practically all-encompassing, this newly updated classic belongs on every web designer’s shelf. (Better still, open it and read.)
I Cannot Possibly Buy Girl Scout Cookies From Your Daughter at This Time
By Charlie Nadler in McSweeney’s.
Gemini Girl
New women’s blog elegantly designed by Ray McKenzie.
eMusic: 33 Folkways LPs
Thirty-three important Folkways Recordings for download. Louis Bonfa, Mighty Sparrow, Woodie Guthrie, Henry Cowell and more.
On having layout – the concept of hasLayout in IE/Win
Technical but reasonably easy to follow discussion of why Internet Explorer’s rendering of your design may suck differ from your expectations
“Apple’s Backup App is Shit”
God bless SuperDuper.

[tags]W3C, webdirections, accessibility, haslayout, browsers, mcsweeney’s, folkways[/tags]

Categories
Browsers Design Standards

IE7 CSS tweak show and tell

Partly because the beta was carefully rolled out over many months, the release of Microsoft’s Internet Explorer 7 has largely been a non-event, for developers as well as journalists. While not at the level of Mozilla Firefox, IE7 is far more standards-compliant than IE6, which was way more compliant than IE5.5, which beat the pants off IE5. To make IE6 render standards-compliant pages correctly, web designers came up with a Wikipedia’s worth of hacks. In IE7, those hacks aren’t necessary; some actually cause problems.

(Here’s a tip from Dan Cederholm, who created the CSS for Happy Cog‘s redesign of Advertising Age: “inline-block is the new-and-improved method for auto-clearing floats.” Use it to replace display: inline-table;.)

IE7 is also the first Microsoft browser to permit user scaling. It does this the same way the Opera browser does it (which is the same way Microsoft Office does it): if text is too small, the user scales the entire page. By contrast, Safari and Firefox use Text Zoom, originally developed by Tantek Çelik for IE5/Mac. In those browsers, if text is too small, the user scales the text size—and nothing but the text size. Images, column widths, and so on, typically do not scale (unless the web designer is doing something really tricky).

There’s a huge difference between Text Zoom and Page Zoom, and it will affect the way designers spec type sizes for the web. It didn’t matter much when only Opera scaled the page. It was a neat feature of Opera; but Opera’s neat feature didn’t affect the way standards- and accessibility-oriented designers approached text size. But market share matters. Once IE7 gains critical mass, a lot of our current thinking about ems and pixels and such will go out the window. I’ll write about that soon, probably on A List Apart.

Meantime, developers are focused on the persnickety stuff: Ajax and JavaScript compatibility problems, CSS bugs that didn’t quite get fixed, and CSS hacks that no longer work.

Like me, you may have heard from a client whose site you designed before IE7 existed. What problems have you encountered? What hacks have you jettisoned, and with what have you replaced them? (Please include URLs.)

[tags]css, IE7, bugs, hacks, workarounds, design, webdesign, tantek, dancederholm[/tags]

Categories
Browsers Design Standards

IE7 Bugs and Fixes, Part I

Reader Adam Engelsgjerd writes:

I develop and maintain websites for the University of Arizona Library. We make use of the “Holly Hack” to avoid the IE6 peek-a-boo bug for our intranet site (God bless Holly). In the course of testing our sites against IE7 I noticed that the bug was rearing its head again‚ despite claims that this latest version has fixed it.

Further investigation revealed that while IE7 really does seem to have fixed this peek-a-boo bug the Holly Hack has, with decidedly sardonic irony, reintroduced the very problem it was created to circumvent.

This morning I tested and just implemented a fix that seems to work for us: the removal of the universal selector, “*‚” before the “html” selector. So the traditional Holly Hack is:

/* Hides from IE5-mac \*/
* html #contentWrapper {height: 1%;}
/* End hide from IE5-mac */

Our new code is now:

/* Hides from IE5-mac \*/
html #contentWrapper {height: 1%;}
/* End hide from IE5-mac */

I’ve tested this against the following browsers on Windows XP SP2:

IE7
IE6 (SP1 standalone install from evolt.org and SP2 full install)
IE5.5 (standalone install from evolt.org)
Netscape 7.2 and 8.1
Opera 7.11 and 8.54 and 9.00
Firefox 2.0

And on Windows 2000 SP4:

IE6

Hopefully this can be of some use should others be running into this same problem.

[tags]css, browsers, IE7, bugs, hacks, workarounds, holly hack[/tags]