Internet Explorer 6 is an outdated browser. It’s hard to develop advanced interfaces for it. Its quirky support for CSS and proprietary JavaScript is hard to grasp. However, many people still use it.
On the other hand, web developers and web designers are seasoned computer users, which are most of the time after the latest technology — software-wise, hardware-wise, interface-wise. This breed often has several browsers for different contexts.
Ordinary people (who are not dealing with web for money) find it hard to remember browser history stack, don’t need to learn keyboard shortcuts, they don’t know the difference between Comic Sans and Cooper Black, and they don’t know the difference between Internet Explorer and Firefox.
Regular Internet users don’t need Firefox extensions, or care if rounded boxes are done with pure CSS or with background-images…
That is our job — we need to know those differences, and provide the best possible experience.
That’s why CSS people are called experts. They can do miracles, when everything else fails. Any fool can code for the latest browser, but experts take care of every browser with significant share.
Consider this Wikipedia article: Usage Share of Web Browsers.
In the end, let me share some quick numbers from a few random high profile web sites. All of these are in the company of six- and seven-figures visitors/mth.
Coolinarika — Cooking portal
| Internet Explorer |
62% |
| — IE 6.0 |
53% 32.86% |
| — IE 7.0 |
46% 28.52% |
| Firefox |
34% |
| Opera |
3% |
Croportal — RSS aggregator and news submission site
| Internet Explorer |
48.90% |
| — IE 6.0 |
55.25% 27.01% |
| — IE 7.0 |
44.45% 21.73% |
| Firefox |
44.96% |
| Opera |
4.95% |
Elektronski Zadar — Regional news portal
| Internet Explorer |
59% |
| — IE 6.0 |
53% 31.27% |
| — IE 7.0 |
47% 27.73% |
| Firefox |
37% |
| Opera |
3% |
mi3 — Design and web development community
| Firefox |
59.32% |
| Internet Explorer |
31.29% |
| — IE 6.0 |
51.51% 16.11% |
| — IE 7.0 |
47.85% 14.97% |
| Opera |
4.94% |
QBN — Design community
| Firefox |
52.72% |
| Safari |
32.73% |
| Internet Explorer |
13.02% |
| — IE 7.0 |
62.81% 8.15% |
| — IE 6.0 |
37.09% 4.82% |
2008.09.03. technology, user experience | 18 Comments
CSS level: beginner/intermediate
Background-position CSS property allows us to position background image starting from top left corner of a HTML element.
We are able to position either with some numeric values such as 100% and10px, or with keywords such as left and bottom. Either way, you always have to offset it from the top left corner.
If the design dictates positioning background image to bottom right corner, obviously we would use background-position: 100% 100%;
But sometimes we need an offset from the bottom right. And if you also have expanding box, it doesn’t come by default in CSS. Continue reading »
2008.08.23. CSS 101 | No Comments
By popular demand, Typetester now offers Windows Vista fonts in the typeface drop-down. From now on you will be able to preview Calibri, Cambria, Candara, Consolas, Constantia and Corbel.
If you are still running XP, download PowerPoint 2007 Viewer and you’ll have these on your system.
2008.08.04. typetester | 3 Comments
The information you’ve so generously shared with A List Apart will help us form a picture of the ways web design is practiced around the globe. We hope that making this data available will have a positive effect on best practices and employment, and will enhance public understanding of, and respect for, our profession.
Take the survey or see last year’s results.
2008.07.29. general | Comments Off
Since you are bit literate user on crack Mac, you probably created various Mail rules to manage incoming messages. But when e-mail overload knocks your door, it’s quite difficult to track a message count across several folders/mailboxes.
Mr. Allevato developed donationware piece of software to enhance your Mail.app Dock icon with extra counters: MailBadger 0.3.
Quick Tip!
The default set of rules in MailBadger allow you to only specify per account and/or per folder condition.
However, there’s built-in conditions editor that allows you to include all unread messages if From field doesn’t contain a specified string.
Type non-existing e-mail address and voilà!
Figure 1. Select “messages satisfying condition” and hit “Edit Conditions”.
Figure 2. Select “Does not contain” and add fake sender.
2008.07.27. technology | 1 Comment
In plain English:
our first boy has a newborn brother. Luka is the older brother of Tin.
Today, Tin is 3 days old.
The whole family is super-euphoric. We all know what to do.
We named Tin after Tin Ujević, the famous Croatian poet. When I was a high-school graduate, I took classes on Croatian poetry and choose Tin Ujević’s opus as a theme for my final exam. Now you know.
The Christian name of Tin Ujević was Augustin (or Augustine) after St. Augustine. And one of St. Augustine’s influential quotes particularly matches certain modern pedagogy rule:
Cum dilectione hominum et odio vitiorum
(Love the sinner and hate the sin)
Don’t judge the person, judge the act.
Instead of
— “You are bad (correct yourself)”
we should communicate
— “That behavior was bad (I love you, but please don’t do that again)”
.
Move focus from the child itself to her undesired behavior. This way, the kid is not offended, and she has a chance to re-think her acts.
I hope I’ll remember this next time they cross my boundaries. Kids are adorable.
2008.07.18. fatherhood | 26 Comments
Quick intro for the first-timers: Backup2Mail automagically creates backup of your database and sends it to your mailbox with a little help of Cron.
The script can now be tested without the Cron, prior to moving it to its permanent location.
First, download the .ZIP, unpack it, and change configuration settings.
Upload folder in your public web folder to test it. Open the file in your browser.
If you see the black page with green letters and there’s no errors, you are good to go. Move it to protected area (that means delete from public folder).
Have a nice backup.
2008.07.01. coding/design | 4 Comments
From Oxford American Writers Thesaurus:
Impartial: unbiased, unprejudiced, neutral, nonpartisan, nondiscriminatory, disinterested, detached, dispassionate, objective, open-minded, equitable, evenhanded, fair, fair-minded, just; without favoritism, without fear or favor.
Treat your users well. Don’t underestimate anything.
2008.06.20. user experience | 2 Comments
General Rommel said:
Men are basically smart or dumb and lazy or ambitious. The dumb and ambitious ones are dangerous and I get rid of them. The dumb and lazy ones I give mundane duties. The smart ambitious ones I put on my staff. The smart and lazy ones I make my commanders.
Every human has the optimal role within its little ecosystems — family, friends, sports team, interest groups, workplace.
Unfortunately, one’s virtues and vices can’t be always recognized early.
Gathering the team is like solving a puzzle. Each piece has the exactly right spot in a picture that no other piece could replace.
2008.05.27. fatherhood | 3 Comments
Today, May 21st 2008. — the Ezadar team is celebrating the first year of their online presence! Same time last year, web.burza crew ran for another winner, and now — one year later — it turns out that Ezadar really is one of the fastest growing news portals here in Croatia.
They are showing off their grid and maratz.com joins the party.
For the geek in you, turn off JavaScript and reload the Ezadar cover.
2008.05.21. coding/design, events, typography | No Comments