37signals počasi ukinjajo podporo za IE6

Danes me je v Bascampu, enemu od produktov 37signals razveselio spodnje obvestilo:

Basecamp phase out IE6 obvestilo

Pa sem šel brat zapis na to temo in ugotovil, da imajo prav, čeprav bodo s podporo za IE6 prenehali mesec in pol kasneje, kot je bilo napovedano (1. oktobra letos).

Ker niso napisali niti ene laži, bi rad z vami delil citat, s katerimi se najbrž vsi iz foha strinjamo:

IE 6 is a last-generation browser. This means that IE 6 can’t provide the same web experience that modern browsers can. Continued support of IE 6 means that we can’t optimize our interfaces or provide an enhanced customer experience in our apps. Supporting IE 6 means slower progress, less progress, and, in some places, no progress. We want to make sure the experience is the best it can be for the vast majority of our customers, and continuing to support IE 6 holds us back.

Razveselil sem se, ker ravno postavljam govori.se (več o tem sem pisal že na MMAML blogu in ker me že nekaj ur zaje****a blockquote element v IE6 in IE5.5, se mi je porodila ideja: kaj ko bi ukinili podporo za IE6 tudi za govori.se, to bi bilo lepo.

Pa sem za štos pokukal v statistike Cosmopolitana, ki ima primerljivo klientelo in ugotovil: 46.83 uporabnikov uporablja Internet Explorer, od tega je 57.40% tistih, ki uporabljajo IE6. Dobra novica je, da IE5.5 ali starejše uporablja manj kot 0.4% obiskovalcev, vendar se mi zdi, da je 46% še vedno preveč, da bi ukinili podporo.

Je stanje pri 37signals bolj rožnato, ali jim je pač prekipelo?! Vsekakor: pogumna poteza, upam da ne preveč pogubna! Bravo 37signals!

P.S.: Za vse, ki deskate po internetu s tako Ikona Internet Explorer plavo E ikono!!! Preverite verzijo brskalnika (Help > About Internet Explorer) in če je verzija 6 ali starejši predlagamo da deskate srečneje.

Rešitev za transparentne PNG-je v IE 6

Spletni mojstri, nastopil je čas veselja! Fantje pri Unit Interactve so naredili super majhen, kompakten javascript fix za PNG transparenco v IE6 (eno rešitev sem že opisal), ki sliši na ime Unit PNG Fix.

Unit PNG Fix

Skript je zelo majhen, deluje na <img> objektih in na background-image atributih v CSS-ju, deluje samodejno brez definiranja klasov ali klicanja funkcij in je enostaven za prštimat’. Sliši se bombastično. Odlična novica, jeee!

Via WebAppers.

Spletni mojstri, nastopil je čas veselja! Fantje pri Unit Interactve so naredili super majhen, kompakten javascript fix za PNG transparenco v IE6 (eno rešitev sem že opisal), ki sliši na ime Unit PNG Fix.

Unit PNG Fix

Skript je zelo majhen, deluje na <img> objektih in na background-image atributih v CSS-ju, deluje samodejno brez definiranja klasov ali klicanja funkcij in je enostaven za prštimat’. Sliši se bombastično. Odlična novica, jeee!

Via WebAppers.

Save The Developers – naredimo splet lepši

Naredi splet lepši in se pridruži akciji na SaveTheDevelopers.org, kjer trenutno poteka kampanja proti Internet Explorerju 6, edinem brskalniku na temni strani spleta. Kot pravijo sami:

For the next few years we’ll probably need to continue supporting Internet Explorer 6, but that doesn’t mean we just have to wait for users to find something new. Our goal with this campaign is to rally the development community behind the goal of reducing the number of Internet Explorer 6 browsers in use by urging users to upgrade their browsers without hindering the user experience.

Save the developers, save the web

Naredi splet lepši in se pridruži akciji na SaveTheDevelopers.org, kjer trenutno poteka kampanja proti Internet Explorerju 6, edinem brskalniku na temni strani spleta. Kot pravijo sami:

For the next few years we’ll probably need to continue supporting Internet Explorer 6, but that doesn’t mean we just have to wait for users to find something new. Our goal with this campaign is to rally the development community behind the goal of reducing the number of Internet Explorer 6 browsers in use by urging users to upgrade their browsers without hindering the user experience.

Save the developers, save the web

Je že res, da je toliko boljših brskalnikov kot IE6, da bo treba nujno podpret tole!!!

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!