Comments on: CSS triki – selektorji za Internet Explorer

By: brezimenko

brezimenko — Tue, 09 Sep 2008 14:22:51 +0000

@ace: ponavadi se stranko prepriča, da je za optimizacijo bolše, da dizajni niso preveč “svobodni”

By: CSS triki za Google CHROME brskalnik | .: TRSplet - internetne storitve .:

CSS triki za Google CHROME brskalnik | .: TRSplet - internetne storitve .: — Tue, 09 Sep 2008 06:15:43 +0000

[...] komentarji Antony – Chrome – uporabni vsakdAntony – Css triki – selektorji Roky – Css triki – selektorji zaace – Css triki – selektorji za brezimenko – Css triki – selektoRoky [...]

By: Antony

Antony — Tue, 09 Sep 2008 06:10:20 +0000

ace > lep povzetek! Se strinjam, čeprav ločen CSS za različne browserje zaenkrat nisem potreboval.
Roky > javascript je mogoče hitr zate, ki ga obvladaš, zame je pa muka.

Sicer pa itak probleme povzroča v večini IE6. Tako ali tako kasneje pogruntaš na kakšen način elemente postavit, da ne bo težav.

By: Roky

Roky — Tue, 09 Sep 2008 05:29:14 +0000

ace, tisto lahko modificiraš da imajo display: none, potem jim poštimaš transparentnost, potem pa prikažeš. No, CSS je v tem primeru boljša rešitev, se strinjam, samo mogoče malce več dela.

By: ace

ace — Mon, 08 Sep 2008 19:34:23 +0000

Brezimenko> Primerov najdeš na internetu veliko, praktično vsak malo bolj svoboden designer bo hitro prišel na idejo, ki je drugače kot z »variabilno transparenco« ne boš uspel rešiti.
Roky> Jaz javascript rešitve nebi označil za »elegantno«, saj v praksi izgleda tako, da imajo vsi PNGji sivo ozadje dokler se stran ne naloži in se izvede javascript. V tem primeru se mi zdi veliko boljša rešitev specifični selectorji za IE6.
Anthony> Mislim, da vsi stremimo k tem, da z enotnim CSSjem pokrijemo vse browserje, ko pa prideš do situacije, ko dejansko nimaš alternative, potem se rabiš odločiti za najboljši način, kako to rešiti. In tukaj mislim, da je browser specific CSS preglednejši in tudi optimalnejši, saj ga ostali niti ne rabijo naložiti.

By: brezimenko

brezimenko — Mon, 08 Sep 2008 16:12:36 +0000

Vse strani, ki jih naredimo, uporabljajo minimalno js. Velika večina samo za povečavo oz. zmanjšanje teksta na strani pa še te linke prikažeš z js, tako da se sploh ne pojavijo, če ni vklopljen. Pa še kkšen lightbox za slike, kjer se slika ravno tako pokaže, če js ni vklopljen. To je vse.

By: Roky

Roky — Mon, 08 Sep 2008 14:18:21 +0000

Delate non-javascript site?

By: brezimenko

brezimenko — Mon, 08 Sep 2008 12:55:50 +0000

Niti ne, ker teh for ni tako veliko (kar si našteval pa še kej zraven) in ko jih enkrat poznaš, ne rabiš veliko dodatnega časa.
@Roky: kaj pa tisti, ki imajo js izklopljen?

By: Antony

Antony — Mon, 08 Sep 2008 07:35:07 +0000

Metod je seveda več. Vsak ima svoje favorite. Strinjam se z Brezimenkom, da je potrebno pravilno postaviti osnovo. Toda do sedaj je bil še vedno kakšen detajl, ki so ga različno prikazovali različni brskalniki(ne samo IE).
Kaj storiti v tem primeru? Lahko bi se sicer igral z postavitvijo HTML elementov in CSS ukazi, da bi uskladil vse brskalnike, vendar dvomim da to zadošča za vse primere (margin+padding, float ukazi, position,…. Za vsak brskalnik narediti svoj CSS s tisto specifiko? Meni osebno je še vedno lažje s CSS selektorji podelati razlike med brskalniki. Pomojem tudi ceneje, ker vsaka telovadba in eksperimentiranje nanese kar precej časa.

By: Roky

Roky — Mon, 08 Sep 2008 06:35:18 +0000

Kot Emanuel pravi je pomoje za CSS res najbolje includanje posebne datoteke, drugače pa za ie6 png obstaja tudi elegantna rešitev preko javascript-a, ki ga samo vključiš. Več o tem:
http://trsplet.com/blog/2008/07/17/ie-60-png-transparentnost-resitev/

By: Emanuel

Emanuel — Mon, 08 Sep 2008 06:27:27 +0000

Pametno je imeti ie.css. Razni hacki po css-u suckajo. Pravtako sucka zloraba ! important ukaza. Najboljša rešitev se mi zdi, da narediš ie.css za VSE ie-je, potem pa znotraj tega cssa, pač ločiš za različne verzije, na način kot je opisal Roky.

Za ie6 png, pa tole:

* html #element {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”/path/to/image.png”, sizingMethod=”crop”);}

By: brezimenko

brezimenko — Sun, 07 Sep 2008 18:12:14 +0000

Ni potrebe. Vsaj odkar sodelujemo (kakšno leto), je ni bilo. JPG za fotografije, gif za vso ostalo grafiko. Bi mi podal primer, kjer bi bla uporaba pngjev (predvidevam da zaradi delne transparence) sploh nujna oz. potrebna? 100% transparenco pa tudi ie prebavi.

By: ace

ace — Sun, 07 Sep 2008 14:31:46 +0000

brezimenko> kako pa rešujete transparentne pngje v ie6?

By: brezimenko

brezimenko — Sun, 07 Sep 2008 09:28:14 +0000

So bli časi, ko sem tut jst mev v css datotekah cev kup takih trikov. Potem pa sem začel delat v eni firmi, kjer so me naučili, da ne rabiš niti enega trika in bo stran še vedno izgledala isto v vseh brskalnikih. Samo včasih je potrebno malce več telovadbe.

By: Mesko

Mesko — Sat, 06 Sep 2008 20:53:59 +0000

Hmm, tale način se mi zdi malo zakompliciran … jst po navadi vse probleme rešim szi !important tako, da nisem še imel problemov, ki jih ne bi rešil szi njim … drugače pa ja … raje 2 ali več CSS datotek in potem szi JS-jem spremeniti glede na browser

By: ace

ace — Sat, 06 Sep 2008 19:04:19 +0000

A ni boljša rešitev uporabiti dodatni CSS file za IE, če je pač treba uvesti kakšne hacke zaradi nedelovanja?