Hiljuti tuli välja kauaoodatud Internet Explorer 9. Temast sai muuhulgas esimene Microsofti brauser, millel on CSS3 border-radius tugi. Saadan IE9 lahinguväljale ja uurin, kuidas renderdavad tema konkurendid erinevaid border-radius väärtusi ja kuidas IE9 hakkama saab. Võrdluseks panin kõrvale nö ideaali ehk samade raadiuste näited Photoshopist.
Iga ruut koosneb kahest osast: vasakpoolsele määrasin 1px border’i ja raadiuse, parempoolsele ainult raadiuse. Kõige ülemise raadius on 0, kõige alumisel 5. Sammuks on üks piksel.
Pildilt paistab, et IE9 puhul pole vahet, kas raadiuseks on 1, 2 või 3px – tulemus on kõigi kolme puhul täpselt sama: ebaootuspärane ja kohutav. Kahetsusväärne, et Microsoft nii madalat kvaliteeti toodangusse laseb. Huvitav on aga see, et ilma border’ita elemendi puhul jääb (ainult) taustavärvi poolt joonistatav raadius ilus. Hea seegi. :)
Mõlemad Webkiti brauserid, Chrome ja Safari, ei saa hästi hakkama 2px raadiusega. Nende renderdus on pisut sakilisem kui Firefoxi, Opera või Photoshopi oma, aga oluliselt etem IE9 tulemusest.
Firefox ja Opera näitavad väga kvaliteetset tulemust: nad joonistavad ilusa sujuvalt ümara nurga ja seda kõigi testitavate raadiuste puhul. Kriitikaks pole põhjust, tublid!
Minevik kordub
Internet Explorer on brauser, mis suudab olenemata versioonist ikka ja jälle millegi halvaga üllatada. Kahju on, et IE9 vääratab just nii levinud ümarnurkade näitamisel. Eriti jääb hinge kriipima 3px suurusega raadius, see on nuppude kujundamisel üks mu lemmikuid.
Arvestades kiirust, millega on Microsoft uusi versioone tarninud, võib oletada, et Internet Explorer 10 kuulutatakse välja alles kahe aasta pärast. Senikaua peavad veebiarendajad ja -kujundajad meeles pidama, et iga ümarnurk ei jää ilus. Tõsi, IE9 jaoks saab määrata natuke erineva väärtuse, kuid see on tüütu lisatöö. Loodan, et uusi versioone paugutava Chrome’i ja arendustempot tõstva Firefoxi kõrval ei jää Microsoftil muud üle, kui järgmine IE versioon kiiremini välja tuua. Puudub muidugi garantii, et ümarad nurgad näevad seal paremad välja…