Starší komentáře ke článku: Individualizace stylopisů k eliminaci chyb prohlížečů - teoretický přehled

Zpět na článek | Úvodní stránka Interval.cz

Avatar

Autor komentáře: WAFFEN MS

Datum vložení: 8.12.2004 17:11:16

a jak je to s MSIE 6? je to mrtvý prohlížeč, nová verse MSIE balancuje na hranici Urban legend, ale přesto je to nejrozšířenější browser, který používá dost velké procento masochistů
a používá někdo css hacky na chyby jiných prohlížečů než MSIE? nazýváme věci správným jménem?

Avatar

Autor komentáře: Jméno a příjmení

Datum vložení: 8.12.2004 18:21:35

Odpovídám ano na to otázku, jak je to s používání "hacků" i pro jiné přohlížeče než je IE.
Pokud vytváříte složitý(např. třísloupcový) layout s náročnými konstrukcemi, po kterém chcete aby si zachoval neměný totožný vzhled ve většině prohlížečů pro WIN/MAC/Linux, zřejmě se použití hacků nevyhnete.
Možná by se vám povedlo vyladit design i bez použití těchto zápisů ve stylech, ale vývoj by vám trval jistě mnohem - mnohem déle.

(pojmem většina prohlížečů myslím IE6 a tři verze zpátky, Operu, Mozilu+verze zpátky, Firefox a to prakticky to samé na MACu + Safari navrch)

K článku podotýkám, že se mi líbí a považuji ho za pěkný přehled.

Avatar

Autor komentáře: miroslav.kucera

Datum vložení: 9.12.2004 9:14:08

IE je pro uzivatele zcela bezproblemove pouzitelny prohlizec.

Avatar

Autor komentáře: Návštěvník

Datum vložení: 9.12.2004 9:31:28

Jak pro koho. Po posledním záplatování mi přestal zobrazovat některé stránky (na stránkách, které těsně před aktualizací chodily, je jen bílá stránka - když zobrazím - v MSIE - zdroják takové stránky, tak ten je v pořádku), takže jsem už definitivně přešel na Gecko/Opera a je pokoj. MSIE si pod sebou sám podříznul větev (když odfláknou upgrade, jejich problém).

Avatar

Autor komentáře: Marty

Datum vložení: 9.12.2004 11:10:38

To si děláš srandu, IE je svou podporou stylů - hlavně odlišnosti IE 5.5 (IE 5.0) a novou verzí IE 6.0 dost velká XXXX. Člověk opatří stránky hackem, aby měl stejný IE 5.0 jako IE 5.5 a ten IE 6.0 si s tim dělá co chce. Nevim, ale v tom Mrkvosoftu vůbec neuvažujou!

To proti tomu je Mozilla a Netscape stabilní.

Avatar

Autor komentáře: Pavel Kout

Datum vložení: 9.12.2004 12:07:43

Niky napsal "pro uživatele" - nikoliv "pro autora" :-)

Avatar

Autor komentáře: Václav Prokop

Datum vložení: 19.5.2005 18:48:16

Ja se nikdy neudrzim kdyz uvidim neco o IE: Vsichni uzivatele, ktery pouziovaji IE jsou zas*** vypatlany skur*** kri*** a kre****..... To je muj nazor na IE.

Avatar

Autor komentáře: David Bureš

Datum vložení: 8.12.2004 17:56:30

stylopisy?

Avatar

Autor komentáře: Jan Bien

Datum vložení: 8.12.2004 23:22:47

Ano, stylopisy.

Avatar

Autor komentáře: David Bureš

Datum vložení: 9.12.2004 13:23:28

ja to nikdy neslysel tak se divim, nejdriv jsem vubec nedokazal pochopit z nadpisu o cem je clanek, tak jsem si ho radeji precetl :)

Avatar

Autor komentáře: Jan Bien

Datum vložení: 9.12.2004 13:26:08

Vidíte, kam může vést snaha o co nejexaktnější a přitom stručný titulek. ;-)

Avatar

Autor komentáře: Vilém Málek

Datum vložení: 9.12.2004 17:01:33

Že jsi Ty osobně ještě toto slovo neslyšel, neznamená, že není regulérní nebo dokonce široce používané. Je to jenom statistická náhoda, jednoduše vysvětlitelná pomocí elementárních principů. Já osobně jsem jej slyšel už před mnoha lety a aniž bych o tom kdy přemýšlel, bral jsem to jako že "stylopis" = "stylesheet". A i když sám častěji používám anglický ekvivalent, ten český se mi líbí mnohem víc ;-)

Avatar

Autor komentáře: Leo

Datum vložení: 9.12.2004 18:17:43

To je spis stylolist ne? Cemuz pixy rika tabulka stylu, a frontpage sablony stylu, kazdy podle letory... Leo

Avatar

Autor komentáře: Vilém Málek

Datum vložení: 9.12.2004 18:24:06

Je to "popis stylu" nebo "stylový předpis", zkráceně tedy "stylopis" (což mi teď strašně připomíná rostlinopis ;-)

Avatar

Autor komentáře: Jan Bien

Datum vložení: 9.12.2004 18:26:14

Mně zase recepis ;).

Avatar

Autor komentáře: David Bureš

Datum vložení: 9.12.2004 23:31:08

vsak ja nerikal ze neni pouzivane ani regulerni

Avatar

Autor komentáře: Oswald

Datum vložení: 10.12.2004 3:28:17

Mám pocit, že toto slovo vymyslel Yuhů. Kdysi jsem na jeho blogu četl spot, kde psal, že ho konečně napadl český ekvivalent ke slovu stylesheet. Nemůžu to teď najít, takže linkem neposloužím. Mě osobně to slovo přijde celkem trefné - popis/zápis stylu.

Avatar

Autor komentáře: mirrda

Datum vložení: 8.12.2004 22:25:48

Nenalezl jsem zde asi druhý nejpoužívanější hack a to hack uvozovkový:

color: "red";

Sežere to MSIE 5, MSIE 5.5 a MSIE 6 ve quirk režimu. Ostatní prohlížeče to ignorují.

Výjimkou je deklarace fontů.

Avatar

Autor komentáře: Jan Bien

Datum vložení: 8.12.2004 23:22:11

Děkuji za připomínku. Mohu vědět, kdo tento trik používá a kde je zdokumentován? Mám-li se přiznat, nevzpomínám si, že bych o něm slyšel.

Avatar

Autor komentáře: Yuhů

Datum vložení: 8.12.2004 23:32:54

Používal jsem ho já (myslím, že jsem jej i objevil, ale určitě nejsem sám).
Popsal jsem ho asi před čtyřmi lety někde na stránce Jak psát web
<a href='http://interval.cz/__redirect/redirect.asp?what=interval_discussion&url=http://www.jakpsatweb.cz/css/css-prohlizece-hacky.html' target='_blank'>http://www.jakpsatweb.cz/css/css-prohlizece-hacky.html</a>
(příšerně zastaralá stránka).
Uvozovkový hack je elegantní rozlišení standardních a nestandardních vykreslovacích módů. Když dám hodnotu do uvozovek, nestandard to sežere a standard ne. Lze to ale plně nahradit hackem zpětného lomítka, který je navíc validní, takže uvozovkový hack už není třeba vůbec používat.

(poznámka k tomuto formuláři: dejte si zde prosím do odesílacího tlačítka alt. Nevím, na co kliknout.)

Avatar

Autor komentáře: Vilém Málek

Datum vložení: 9.12.2004 10:20:20

Poznámka k Yuhůovi: Je tam jen jeden obrázek a nic jiného klikatelné není ;-)

Avatar

Autor komentáře: jindřich

Datum vložení: 9.12.2004 11:57:12

Tak tohle má být argument profesionála??? To má každý zkoušet, který ten |OBRÁZEK | OBRÁZEK | OBRÁZEK | OBRÁZEK | OBRÁZEK | je a který není klikatelný?? To dá těch pár altů tolik práce? Že to byl jen vtip, že jo :-(

Avatar

Autor komentáře: Yuhů

Datum vložení: 9.12.2004 15:33:34

No já jenom že nechci riskovat, aby to náhodou nebyl reset. Je fakt, že klikací je jenom jeden, teď to vidím. Fakt mě nenapadlo všechny obrázky objet myší a koukat, jestli na nich není ručička. Příště se polepším.

Avatar

Autor komentáře: Vilém Málek

Datum vložení: 9.12.2004 15:44:53

Fakt se musíš ještě moc a moc polepšit, protože ten obrázek je tam jen jeden jediný ;-)

Avatar

Autor komentáře: Jan Bien

Datum vložení: 9.12.2004 15:51:13

Viléme, nezlob se na mě, ale ten alternativní text k onomu obrázku by opravdu nebyl od věci. Sice je tam jediný klikací, ale sebejistě se při odesílání a vypnutých obrázcích necítím.
Osobně si myslím, že vůbec nejlépe by bylo úplně oželet speciální vzhled tlačítka a vložit tam defaultní input typu submit. A prohlížeč nechť si jej vykreslí podle libosti své vlastní.

Avatar

Autor komentáře: Vilém Málek

Datum vložení: 9.12.2004 16:02:26

Všichni tady víme, proč a jak tam ten formulář je. Teď vkládání neběželo týden a já byl rád, že se to alespoň rozběhlo, na tvorbu nového nemám nervy. Ale ten chybějící alt jsem tam dodal - pro bono Yuhů ;-)

Avatar

Autor komentáře: Yuhů

Datum vložení: 9.12.2004 17:32:52

chrochtám blahem a děkuji. Doufám, že to nebude jenom pro mě. Ty obrázky jsou tam mimochodem čtyři, teď už vidím, který to je.

Avatar

Autor komentáře: Vilém Málek

Datum vložení: 9.12.2004 17:41:53

Sendni screenshot mailem, Opera screenuje nur ein ;-)

Avatar

Autor komentáře: Jan Bien

Datum vložení: 9.12.2004 12:55:37

Díky za odkaz a vysvětlení, Yuhů. Zvážím ještě, zda jej zdokumentovat. Pokud se rozhodnu že ano, pak je do článku i tabulky doplním.

Avatar

Autor komentáře: Yuhů

Datum vložení: 8.12.2004 23:23:04

Hezký článek, chválím. Jenom si myslím, že by u popisu každého hacku měla být jedna věta, která by stručně shrnovala, který prohlížeč se tím vyruší a pro které to pak zůstává funkční. Neustále proklikávat na tabulku mi přijde strašně nepraktické a hlavně mě to nebaví, takže jsem to ani nedočetl, lituju.

Avatar

Autor komentáře: Radek Hulán

Datum vložení: 9.12.2004 0:42:45

Přesně tak, článek je fajn, ale jediná podstatná je vlastně ta (převzatá) tabulka...

Avatar

Autor komentáře: Jan Bien

Datum vložení: 9.12.2004 12:58:36

Je pravda, že rámcově bych mohl v jedné větě kompatibilitu obsáhnout. Ve volné chvilce se to pokusím do článku doplnit.

Avatar

Autor komentáře: MTx

Datum vložení: 9.12.2004 8:15:44

Podle mě je nejlepší řešení vkládat stylopisy scriptem na straně serveru. A to tím spůsobem, že se vloží defaultní styl ze kterého se vychází a k němu se přidá styl specifický pro jednotlivé prohlížeče.
Viz <a href='http://interval.cz/__redirect/redirect.asp?what=interval_discussion&url=http://petrmusil.aspweb.cz/styles/styl.aspx' target='_blank'>http://petrmusil.aspweb.cz/styles/styl.aspx</a> (názorně vidět v IE a Mozille, protože defaultní stylopis bere Opera perfektně!)
Za defaultní sekci se vkládá komentář /* Jmeno_Prohlizece */ + specifický styl

Avatar

Autor komentáře: Yuhů

Datum vložení: 9.12.2004 15:44:07

Jak ale v tomhle případě řešíte situaci, kdy se stránka uloží na nějaké proxyně? Za chvíli si ji tam vezme jiný uživatel jiným prohlížečem.

Avatar

Autor komentáře: pif

Datum vložení: 9.12.2004 17:08:13

a headery s expires, no cache apod. nepomuzou?

Avatar

Autor komentáře: Jan Bien

Datum vložení: 9.12.2004 17:12:05

1. Ne všechy keše to respektují.
2. Zbytečné navýšení traficu a výrazné zpomalení načítání WWW stránek.

Avatar

Autor komentáře: Yuhů

Datum vložení: 9.12.2004 17:36:44

Cožpak o to, expires nebo jiné validátory nastavené na naplatné hodnoty, to pomůže.

Ale udělat web, který se nebude kešovat, je z mého pohledu řádově větší zlo než udělat web, který vypadá trochu blbě v nestandardním prohlížeči.

Připouštím ovšem, že moje názory jsou v tomto ohledu menšinové.

Avatar

Autor komentáře: Vilém Málek

Datum vložení: 9.12.2004 17:41:01

Tento Tvůj konkrétní názor určitě menšinový není a když, pk jde o menšinu kvalitativně hodnotnou, neb ho zastávám i já ;-)

Avatar

Autor komentáře: Jan Bien

Datum vložení: 9.12.2004 17:45:21

Já to klidně podepíšu.

Avatar

Autor komentáře: MTx

Datum vložení: 10.12.2004 6:07:23

Veme-li si prohlížeč stránku z cache, tak bude teoreticky vypadat stejně, protože v tomhle případě tam zase tak velké změny nejsou.
Věřím že v případě větších webů může být problém.
Do nedávna jsem měl v headu zakázané caheování, teď jsem to experimentálně vypustil.
Podle mě je to rozhodně lepší řešení, než výše uvedené "hacky", protože se tím nedají ošetřit všechny prohlížeče. A IMHO by člověk musel mít hlavu jak meloun, aby si to všechno pamatoval.

Avatar

Autor komentáře: Polka

Datum vložení: 9.12.2004 12:46:21

Divim se, ze tady od profiku nezaznel zatim zadny kriticky nazor na css hacky a podobne vymysly, co jen przni kod. Vzdyt to jde i bez hacku, ne? Chce to sice vice trpelivosti, ale jde to.

Avatar

Autor komentáře: Jan Bien

Datum vložení: 9.12.2004 12:50:14

Dovolím si citovat přímo z článku:
1. Pamatujte si: Individualizovat stylopisy přímo k tomu vyhrazenými proprietárními mechanismy je jediné správné řešení. Nechci tím ale rozhodně říci, že je toto řešení ideální. Samo přizpůsobování webu koncovému zařízení se příčí webu, jakožto technologii na platformě nezávislé.
2. Triky využívající chybné implementace CSS: Zanášejí zpravidla do stylopisů jakési "smetí" a činí je někdy nepřehlednými, jindy nejednoznačnými, či dokonce nevalidními. Je dobré se jich na veřejném webu úplně vyvarovat.
Myslíte, že to není dostatečně kritické?

Avatar

Autor komentáře: Polka

Datum vložení: 9.12.2004 15:34:08

Kriticke to je, to mate pravdu. V tom pripade mi prijde skoro polovina clanku prave o techto tricich jako docela zbytecna. Mam ovsem obavy, ze ti, kteri maji nejake problemy s CSS pri reseni nejen slozitejsich designu, se prave k takovymto vecem uchyluji.

Avatar

Autor komentáře: Jan Bien

Datum vložení: 9.12.2004 15:39:43

Článek má ambice být kompletním přehledem a proto tam nemůže chybět ani ta druhá, Vašimi slovy "zbytečná", polovina. Dostatečně jasně jsem, myslím si, napsal, co se na veřejném webu používat nemá. To že to někdo používat bude je na jeho riziko. Zatajením těchto špatných technik bych beztak patrně jejich používání nezabránil, popsali je již jiní.

Avatar

Autor komentáře: Amokk

Datum vložení: 15.12.2004 10:45:26

Pokud pripojim styl pres @import tak se mi na webu stava ze se nejprve nacte stranka a po vterince pak teprve zformatuje, pri nacteni kazdy stranky to tedy problikava. Nevite nekdo kde by mohla byt chyba? :)

Avatar

Autor komentáře: Jan Bien

Datum vložení: 15.12.2004 10:52:00

Toto bude předmětem následujícího článku. To co popisujete je normální běžné chování všech prohlížečů. Zkuste připojit styl k dokumentu elementem <link ... > a IE začne stránku vykreslovat až po stažení stylu. V Opeře a Mozille se s tímto chováním smiřte, protože jako tvůrce stránky jej neovlivníte.

Avatar

Autor komentáře: Amokk- Jiri Knytl

Datum vložení: 18.12.2004 20:20:58

Dekuji za odpoved. Pouzil jsem tedy <link media="all"> abych alespon odstrihl NN4. Jen si myslim ze by bylo dobre v clanku poznamenat ze je podle me dobre pri pouziti <link media="all"> uzavrit cely predpis v css souboru do @media screen{} aby neutrpela pristupnost stranek zarizenimi ktere by pouzite formatovani neumeli pouzit.

Avatar

Autor komentáře: Jan Bien

Datum vložení: 18.12.2004 20:25:02

Samozřejmě se k tomu dostaneme -- ve středu 22.12., v praktickém článku.

Avatar

Autor komentáře: Leo

Datum vložení: 15.12.2004 13:48:02

<a href='http://interval.cz/__redirect/redirect.asp?what=interval_discussion&url=http://www.positioniseverything.net/articles/common.html' target='_blank'>http://www.positioniseverything.net/articles/common.html</a>

Leo

Zpět na článek | Úvodní stránka Interval.cz