main content, site navigation, search

To support or not?

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%

CSS 101: How to offset background from the right or bottom

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 »

Vista fonts in Typetester

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.

Take ALA 2008 Survey

A List Apart Survey

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.

Mail.app tweaks: MailBadger 0.3

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à!

MailBadger pane screen shot

Figure 1. Select “messages satisfying condition” and hit “Edit Conditions”.

MailBadger pane screen shot

Figure 2. Select “Does not contain” and add fake sender.

First child next sibling

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.

Backup2Mail v0.15

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.

Impartial

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.

Everyone has his place in a puzzle

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.

Happy birthday, show me your grid

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.

Outside stories

main content, site navigation, search