Why this site looks best in Firefox (at the moment)
A snapshot of the results of CSS3 experiment with this site, as of June 23, 2009, 11:08 p.m. EST (Boston).
In a refrain sure to cause trouble for mere mortals — or perhaps to help us immensely(!) — one industry leading web designer after another stepped up to the podium at An Event Apart, Boston to reinforce the following points:
- Not all browsers are created equal.
- The browsers that have done the best job of integrating latest web design standards enable designers to do better work more quickly, saving time and money for themselves and for their clients.
- Because of the real advantages of #2, everyone needs to start getting used to the idea that A WEB SITE DOES NOT HAVE TO LOOK EXACTLY THE SAME IN EVERY BROWSER. Can you easily find and read the content? Is it meaningful? Are there any design elements that DISTRACT your efforts to reach the content? These are the key questions.
- Now, as certain (unnamed [IE6]) legacy browsers are fading from the scene (more or less), and as more and more browsers (particularly Firefox, Safari, Chrome, and Opera) are implementing advanced and time-saving CSS technologies — NOW is a great time for designers (including mere mortals) to begin experimenting with advanced CSS and discovering the best implementation techniques.
So, at this moment, I’ve discovered:
- Safari, Chrome, and Firefox all allow the designer to code rounded corners on elements, including borders.
- FIREFOX has this FANTASTIC way of tapering a wide border as it rounds a corner into a narrower border. (Thus, the screenshot attached to this post.)
- Safari and Chrome don’t allow this, at least not yet.
- So this site doesn’t look great in Safari and Chrome at the moment. View it in Firefox instead. It looks great (IMHO)!
- I’ll be doing some more working, tweaking, and adjusting after I get some sleep. (“Iterations” we call it.)