IE 8 je zunaj

No, ne še čisto :). Zunaj je Beta 1 IE-ja 8. Pa še ta je namenjena samo izbranim testerjem, torej se (še) ne morete prijaviti za kakšen predogled in testiranje le tega.

Pri Microsoftu obljubljajo, da se bodo še bolj kot prej držali W3C standardov. Tako naj bi že alfa release opravil Acid2 testom (neodvisno sestavljen test za web standarde). Mimogrede od vseh Mozzila browserjev je šele Firefox 3 Alpha 1 z odliko opravil Acid2 test.

Očitno se nam obetajo boljši časi. Ampak, jst osebno še ne bi povsem pozabil na vse tiste IE hacke, ki še zmer kako prav pridejo :).

No, ne še čisto :). Zunaj je Beta 1 IE-ja 8. Pa še ta je namenjena samo izbranim testerjem, torej se (še) ne morete prijaviti za kakšen predogled in testiranje le tega.

Pri Microsoftu obljubljajo, da se bodo še bolj kot prej držali W3C standardov. Tako naj bi že alfa release opravil Acid2 testom (neodvisno sestavljen test za web standarde). Mimogrede od vseh Mozzila browserjev je šele Firefox 3 Alpha 1 z odliko opravil Acid2 test.

Očitno se nam obetajo boljši časi. Ampak, jst osebno še ne bi povsem pozabil na vse tiste IE hacke, ki še zmer kako prav pridejo :).

Opera vložila tožbo zoper Microsoft

Håkon Wium Lie, šef razvoja pri Operi (z Gregorjem sva ga poslušala na letošnji @mediji) je zadnjič “udaril” proti Microsoftu, natančneje proti nepriljubljenemu brskalniku Internet Explorer. Tule si lahko preberete odprto pismo spletni skupnosti, tule pa obširnejš razlago.

Na kratko: glavna razloga (pri)tožbe sta:

  • Microsoft omejuje izbiro iskalnika (s tem, da je v Windowsih prednaložen Internet Explorer),
  • Microsoft noče in noče implementirat spletnih standardov v svoj brskalnik.

Z obema trditvama se kot človek, ki dela s spletom močno strinjam, saj je IE trn v peti skoraj vsakega spletnega oblikovalca, razvojnika, progamerja, pa tudi marsikaterega uporabnika. Močno upam, da Håkonu in Operi uspe, čeprav je boj proti M$-ju večkrat kot boj z mlini na veter …

P.S. (za tiste, ki nimate pojma, o čemer sem govoril v prejšnjih vrsticah): če vaš levi zgornji kot brskalnika (to okno, v katerem berete tale zapis) krasi tale ikona Ikona Internet Explorer, … tale stric hoče, da NE uporabljate tega okna za internet ampak to okno ali pa to okno magari to okno, samo ne tega okna, ki ima tole ikonico Ikona Internet Explorer.

Håkon Wium Lie, šef razvoja pri Operi (z Gregorjem sva ga poslušala na letošnji @mediji) je zadnjič “udaril” proti Microsoftu, natančneje proti nepriljubljenemu brskalniku Internet Explorer. Tule si lahko preberete odprto pismo spletni skupnosti, tule pa obširnejš razlago.

Na kratko: glavna razloga (pri)tožbe sta:

  • Microsoft omejuje izbiro iskalnika (s tem, da je v Windowsih prednaložen Internet Explorer),
  • Microsoft noče in noče implementirat spletnih standardov v svoj brskalnik.

Z obema trditvama se kot človek, ki dela s spletom močno strinjam, saj je IE trn v peti skoraj vsakega spletnega oblikovalca, razvojnika, progamerja, pa tudi marsikaterega uporabnika. Močno upam, da Håkonu in Operi uspe, čeprav je boj proti M$-ju večkrat kot boj z mlini na veter …

P.S. (za tiste, ki nimate pojma, o čemer sem govoril v prejšnjih vrsticah): če vaš levi zgornji kot brskalnika (to okno, v katerem berete tale zapis) krasi tale ikona Ikona Internet Explorer, … tale stric hoče, da NE uporabljate tega okna za internet ampak to okno ali pa to okno magari to okno, samo ne tega okna, ki ima tole ikonico Ikona Internet Explorer.

Transparentni PNG, CSS in Internet Explorer

PNG je odličen format in normalni brskalniki (Mozilla Firefox, Opera, Flock) ga z lahkoto prikazujejo, vključno s transparencami, ki so mogoče celo najboljša stvar, ki se je zgodila spletnim grafičnim formatom.

Problematičen je “le” Internet Explorer 6, nezasluženo najbolje uporabljen brskalnik na “modri kugli” (po W3Counterju ima kar 43,33 % delež, po TheCounterju pa grozljivi 50 % delež), ki transparence zaradi (večini spletnih razvijalcev) neznanega razloga* ne prikazuje kot je potrebno.

In ker sem danes ponovno našel “transparency hack”, ki zagotovo deluje, ga delim z vami (prvič sem ga uporabil na Hudih bejbah).

Za uspešen izris PNG-ja v IE-ju potrebujete:

  • poljubno PNG sliko (lahko je tudi transparentna), paziti morate le, da je PNG slika široka toliko kot element v katerem ga boste prikazovali (<div>, <h1>, ponavljanja po X oz Y osi hack v IE 6 ne podpira (na žalost)),
  • ščepec CSS kode,
  • dve žlici Vegete …

… in vaš PNG bo deloval kot se šika. Tudi v IE6. Zagotovo.

Primer

Na strani, ki jo pravkar berete imamo <h1> kot transparenten PNG, ki pa v IE6 do danes ni deloval:

PNG v IE-ju - ne deluje

Pobrskal sem po starih CSS dokumentih in v nekaj minutah apliciral “hack”, ki omogoči transparenco v I-fuckin’-E-ju 6, koda pa se glasi:

h1 {
  background: transparent url(img/h1.png) no-repeat 0 0 !important;
  filter:progid:DXimageTransform.Microsoft.AlphaImageLoader(src='http://www.em3r10.com/sites/all/themes/em3r10-rc3/img/h1.png',sizingMethod='crop');
  margin: 0;
  padding-left: 70px;
  height: 136px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  background: none;
}

Da vam bo hack deloval, pazite na naslednje haklce: prvi background je za normalne brskalnike, ki PNG znajo prikazati, tisti !important na koncu vrstice je nujen, da ga bodo taisti brskalniki prikazali, ker imamo v zadnji vrstici background: none, ki je tam samo zaradi klinčevega IE6, vendar bodo normalni brskalniki zaradi !important za tapravo vzeli prvo vrstico.

V drugi vrstici je neka čudna kobasa (v zgornji kodi je vrstica cela) filter:progid:DXimageTransform..., ki jo noben razvijalec pri zdravi pameti ne bi metal v svoj CSS (CSS ne bo več validen, če dodate to vrstico kode), ampak če bo IE6 prikazoval transparentne PNG-je se splača (lahko uporabite t.i. conditional commenting in za brskalnike starejše od IE6 uporabite posebno CSS datoteko).

Potrebno je dodati, da naj bo pot do PNG-ja v drugi vrstici absolutna, ker drugače hack ne bo deloval. To je to, žlico Vegete posujte po tipkovnici, če vam stvar ne bo delovala, a je verjetnost za to precej nizka.

PNG v IE 6 deluje
Po apliciranju zgoraj opisanega CSS hacka se PNG lepo izpisuje tudi v IE-ju 6. Komentarji dobrodošli 😉

PNG je odličen format in normalni brskalniki (Mozilla Firefox, Opera, Flock) ga z lahkoto prikazujejo, vključno s transparencami, ki so mogoče celo najboljša stvar, ki se je zgodila spletnim grafičnim formatom.

Problematičen je “le” Internet Explorer 6, nezasluženo najbolje uporabljen brskalnik na “modri kugli” (po W3Counterju ima kar 43,33 % delež, po TheCounterju pa grozljivi 50 % delež), ki transparence zaradi (večini spletnih razvijalcev) neznanega razloga* ne prikazuje kot je potrebno.

In ker sem danes ponovno našel “transparency hack”, ki zagotovo deluje, ga delim z vami (prvič sem ga uporabil na Hudih bejbah).

Za uspešen izris PNG-ja v IE-ju potrebujete:

  • poljubno PNG sliko (lahko je tudi transparentna), paziti morate le, da je PNG slika široka toliko kot element v katerem ga boste prikazovali (<div>, <h1>, ponavljanja po X oz Y osi hack v IE 6 ne podpira (na žalost)),
  • ščepec CSS kode,
  • dve žlici Vegete …

… in vaš PNG bo deloval kot se šika. Tudi v IE6. Zagotovo.

Primer

Na strani, ki jo pravkar berete imamo <h1> kot transparenten PNG, ki pa v IE6 do danes ni deloval:

PNG v IE-ju - ne deluje

Pobrskal sem po starih CSS dokumentih in v nekaj minutah apliciral “hack”, ki omogoči transparenco v I-fuckin’-E-ju 6, koda pa se glasi:

h1 {
background: transparent url(img/h1.png) no-repeat 0 0 !important;
filter:progid:DXimageTransform.Microsoft.AlphaImageLoader(src='http://www.em3r10.com/sites/all/themes/em3r10-rc3/img/h1.png',sizingMethod='crop');
margin: 0;
padding-left: 70px;
height: 136px;
text-indent: -9999px;
display: block;
overflow: hidden;
background: none;
}

Da vam bo hack deloval, pazite na naslednje haklce: prvi background je za normalne brskalnike, ki PNG znajo prikazati, tisti !important na koncu vrstice je nujen, da ga bodo taisti brskalniki prikazali, ker imamo v zadnji vrstici background: none, ki je tam samo zaradi klinčevega IE6, vendar bodo normalni brskalniki zaradi !important za tapravo vzeli prvo vrstico.

V drugi vrstici je neka čudna kobasa (v zgornji kodi je vrstica cela) filter:progid:DXimageTransform..., ki jo noben razvijalec pri zdravi pameti ne bi metal v svoj CSS (CSS ne bo več validen, če dodate to vrstico kode), ampak če bo IE6 prikazoval transparentne PNG-je se splača (lahko uporabite t.i. conditional commenting in za brskalnike starejše od IE6 uporabite posebno CSS datoteko).

Potrebno je dodati, da naj bo pot do PNG-ja v drugi vrstici absolutna, ker drugače hack ne bo deloval. To je to, žlico Vegete posujte po tipkovnici, če vam stvar ne bo delovala, a je verjetnost za to precej nizka.

PNG v IE 6 deluje
Po apliciranju zgoraj opisanega CSS hacka se PNG lepo izpisuje tudi v IE-ju 6. Komentarji dobrodošli 😉

Umri, IE6, umri

Na strani CSS3.info sem prebral zanimiv zapis o željah po izumrtju Internet Explorerja 6.

If we want to move the web forward, we need to encourage people to drop IE6 as soon as possible.

I’m assuming that a reader of this article is a web developer interested in CSS3. If we want to start using all the new opportunities that it creates, we need to kill off legacy browsers that don’t support it. If you’re using IE6 and you have any option whatsoever, switch to a better browser; IE7 at the very least. If you know someone who still uses IE6 and has any option whatsoever, get them upgraded. Evangelise all the options; Firefox, Opera, Flock, whatever; get people switching. Let’s kill this dinosaur off and let the fast mammals evolve to take its place.

Strinjam se s Petrom Gasstonom: “Ljudje, ne uporabljajte več IE6, raje deskajte srečneje!”

P.S.: O vseh novih funkcijah CSS3 sem že pisal!

Na strani CSS3.info sem prebral zanimiv zapis o željah po izumrtju Internet Explorerja 6.

If we want to move the web forward, we need to encourage people to drop IE6 as soon as possible.

I’m assuming that a reader of this article is a web developer interested in CSS3. If we want to start using all the new opportunities that it creates, we need to kill off legacy browsers that don’t support it. If you’re using IE6 and you have any option whatsoever, switch to a better browser; IE7 at the very least. If you know someone who still uses IE6 and has any option whatsoever, get them upgraded. Evangelise all the options; Firefox, Opera, Flock, whatever; get people switching. Let’s kill this dinosaur off and let the fast mammals evolve to take its place.

Strinjam se s Petrom Gasstonom: “Ljudje, ne uporabljajte več IE6, raje deskajte srečneje!”

P.S.: O vseh novih funkcijah CSS3 sem že pisal!