Devel.cz Lupa Měšec Podnikatel Root Zdroják.cz DigiZone Slunečnice Vitalia TopDrive KupDnes Navrcholu NovýTarif Dobrý web Weblogy Woko Jagg Computer.cz SK: MojeLinky

Hlavní navigace

Názory k článku
Webdesignérův průvodce po CSS3: první díl

JakubS
JakubS (neregistrovaný) ---.kmenet.cz
21. 9. 2010 8:15 Nový

-moz-border-radius

celé vlákno

Firefox nezvládá aplikovat -moz-border-radius na obrázky (a i v případě obrázkového pozadí -zaoblený okraj je nepovedený).


CSS3 se stále hodí jen na pasaní WOW článků (ikdyž se rozhodnete odepřít IEčkářům nové efekty a zjednodušit si práci díky CSS3 dříve nebo později zjistíte že vám to práci spíš komplikuje)

pisatel
pisatel (neregistrovaný) ---.chello.sk
21. 9. 2010 10:31 Nový

Re: -moz-border-radius

celé vlákno

suhlasim,
CSS3 je fajn a dalo by sa vyuzit, keby bol implementovany vo vsetkych prehliadacoch, ktore sa bezne pouzivaju.
nehovorme o tom, ze teraz sa subezne pouzivaju tri verzie IE (6,7 a 8) a pribudne k nim neskor este 9tka – a ze IE6 nevie skoro nic? kopec bugov, prehliadnost PNG-24, hover na vsetky elementy.
aky ma vyznam spravit web pekne v CSS3 (pre IE9, FF, Operu, Safari a Chrome), ked aj tak budem musiet robit dalsi kod pre IE6–8. radsej to napisem „po starom“ pre vsetky browseri.

Martin Malý aura:93
21. 9. 2010 10:36 Nový

Re: -moz-border-radius

celé vlákno

Existuje přístup, který se nazývá „graceful degradation“, a ten zjednodušeně řečeno říká, že při vytváření webu můžete použít aktuální techniky, a prohlížeče, které je neumí, je zkrátka nezobrazí. Například – použijte bez obav CSS3 a kulaté rohy; pokud na takový web vleze někdo s IE6, bude mít rohy holt hranaté. Více na http://zdrojak.root.cz/clanky/graceful-degradation-vs-progressive-enhancement/

Čelo
Čelo (neregistrovaný) ---.174.broadband4.iol.cz
21. 9. 2010 11:25 Nový

Re: -moz-border-radius

celé vlákno

Mému srdci je „graceful degradation“ bližší a jsem rád, že prosadit jej není již takový problém jako bylo dříve.

pisatel
pisatel (neregistrovaný) ---.chello.sk
21. 9. 2010 17:16 Nový

Re: -moz-border-radius

celé vlákno

neviem, az prilis velakrat sme u klientov narazili prave na tomto. priklad telefonatu:
klient: „nefunguje mi stranka“
my: „ako nefunguje?“
klient: „mam hranate rohy“
my: „vysvetlovali sme Vam, ze v Internet Exploreri 6 sa to nezobrazi s oblymi rohmi“
klient: „ja to chcem s oblymi rohmi, opravte to.“
do istej miery rozumiem, ze klient zaplati a chce, aby sa to zobrazovalo vsade rovnako. ono, aj do IE6 sa uz da vela veci natlacit, obcas to stoji viac trosku viac kodu, ale bugy uz opravuem automaticky, na 99% su to veci, ktore sa cyklicky opakuju (double margin, 3px margin bug, ghost text bug, PNG-24 hack, etc).
je tu skratka stale vysoke % ludi, ktori pouzivaju (ci uz dobrovolne alebo z donutenia…alebo aj neznalosti) starsie verzie prehliadacov.
uzivatelia „modernych prehliadacov (firefox, opera, chrome) su ovela "poctivejsi“ v updatovani na novsie verzie. ale IE6/7 s nami ostane este dlho a preto si myslim, ze CSS3 sa bude presadzovat ako celok pomaly. pretoze, ako mi pomoze, ze v niektorych prehliadacoch mozem pouzit multibackground, ked v ostatnych to aj tak musim osetrit vrstvenim boxov (div-ov)? :)

Martin Michálek aura:85
21. 9. 2010 20:51 Nový

Re: -moz-border-radius

celé vlákno

IE6/7 s nami ostane este dlho a preto si myslim, ze CSS3 sa bude presadzovat ako celok pomaly

Nemůžu než opakovat co už jsem psal v komentáři výše. :)

Není zlepšení uživatelského prožitku pro majitele moderních prohlížečů dostatečným důvodem pro nasazení CSS3 hned teď?

Čelo
Čelo (neregistrovaný) ---.174.broadband4.iol.cz
21. 9. 2010 20:55 Nový

Re: -moz-border-radius

celé vlákno

Procento klientů pracujících s IE6 postupně klesá. Osobně jsem letos pro IE6 „ladil“ spíše ze zvyku. Klienti jsou minimálně na sedmičce či čím dál častěji na Firefoxu. Ale chápu, že jinde to může být jinak.

Michal Novák
22. 9. 2010 8:56 Nový

Re: -moz-border-radius

celé vlákno

Problém je, že spousta sofistikovaných intranetových aplikací třeba ve veřejné správě je optimalizováno tvrdě pro IE6 a v jiném prohlížeči to prostě nejede. Má zkušenost je ale 2 roky stará, takže se rád budu mýlit :)
Každopádně přítelkyně někdy tou dobou nainstalovala na úřadě své mámě Firefox a ta pak dostala od „ajťáků“ sprda, že Firefox tam nemá co dělat… :-/

Čelo
Čelo (neregistrovaný) ---.174.broadband4.iol.cz
22. 9. 2010 9:32 Nový

Re: -moz-border-radius

celé vlákno

Osobně mi to právě přijde, že se to během posledních dvou let docela posunulo. Ale asi jako všude prostě hodně záleží na typu klienta.

Rejpal
Rejpal (neregistrovaný) ---.dpmost.cz
22. 9. 2010 13:17 Nový

Re: -moz-border-radius

celé vlákno

A to jako na úřadě si smí uživatel do své stanice instalovat programy?

w0ndr
w0ndr (neregistrovaný) ---.802.cz
22. 9. 2010 13:59 Nový

Re: -moz-border-radius

celé vlákno

Na to ale existuje jednoducha technika prace s klientem. Chcete kulaty rohy a dalsi "css3" veci i v ie6. Samozrejme neni to problem, ale bude vas to stat vic penez, protoze upravy zaberou vic casu. Takze si rozmyslete jestli vam za to tech 5% uzivatelu stoji.

Imho pokud nekdo dnes pouziva ie6, tak si nic jinyho nez hranaty rohy nezaslouzi :D (a ti, kteri ho pouzivaji z donuceni treba v praci to holt musi prezit)

noname
noname (neregistrovaný) ---.198.broadband6.iol.cz
22. 9. 2010 14:04 Nový

Re: -moz-border-radius

celé vlákno

Je třeba umět klienta poslat slušně do prdele. Osobně když jsem takový problém měl, tak jsem
a) mu pokusil předejít tím, že jsem mu instaloval IE8
b) vysvětlil problém, že se tedy jedná o jeho problém s 10 let starým prohlížečem, který i MS výrazně doporučuje nahradit a který není dále nijak podporován
c) napsat to do specifikace projektu

Když si dále stěžuje, tak jej upozorním, že v (c) je to takto vyspecifikováno, má-li s tím problém, je to možné vyřešit a že to bude třeba 50 člověkohodin navíc. Pakliže mu onen kulatý roh za to stojí, klidně mu jej udělám ($$$)

Kout
Kout (neregistrovaný) 94.142.235.---
6. 10. 2010 9:19 Nový

Práce s klientem

celé vlákno

ad a) Přesně to jsem udělal (trošku na černo, pod záminkou testování) a ušetřil si spoustu vysvětlování. Samozřejmě to nejde udělat všude a vždy.
ad b) Rovněž jsem už jednou na výhrady reagoval upozorněním, že užívá prohlížeč z roku 2001, což i pastevce uvede do obrazu
ad c) Díky za tip.

Martin Michálek aura:85
21. 9. 2010 13:59 Nový

Re: -moz-border-radius

celé vlákno

ikdyž se rozhodnete odepřít IEčkářům nové efekty a zjednodušit si práci díky CSS3 dříve nebo později zjistíte že vám to práci spíš komplikuje

Třeba pak bude kodér mít trochu více práce, ale nestojí mu to za to, když tím zlepší uživatelský prožitek významné části návštěvníků?

(Ta část, která používá moderní prohlížeče, už například nebude muset tahat obrázky, kterými simulujeme kulaté rohy a další CSS3 vlastnosti.)

JakubS
JakubS (neregistrovaný) ---.kmenet.cz
21. 9. 2010 14:46 Nový

Re: -moz-border-radius

celé vlákno

Určitě ano,

bohužel ani ve FF nění implementace jednotlivých dostupných CSS3 vlastností dokončená.

Nedávno jsem si vylámal zuby na kombinaci border-radiusu box-shadow a obrázcích -po několika hodinách laborování jsem se vrátil k osvědčeným postupům.

Martin Michálek aura:85
21. 9. 2010 13:50 Nový

CSS3Pie a výkon

celé vlákno

Honzo, díky za osvětu a taky backlink. .-)

Nezkoušel jsi CSS3Pie nasazovat na alespoň středně velkém projektu? Nechci chytračit ani strašit, protože jsem jej nezkusil ani na projektu malém, ale mám dost velké obavy o výkon.

Ty .htc skripty jsou žrout výkonu a při představě, že by CSS3Pie někdo bez uvažování nasadil na layout, kde je deset stínovaných boxíků s kulatými rohy, se mi ježí vlasy. :-)

Jan Sládek aura:94
21. 9. 2010 17:11 Nový

Re: CSS3Pie a výkon

celé vlákno

Díky. :)
Nasadil jsem to na menší webík teďkon, kulatých rohů tam mám dost. Uvidím při testování, jak to dopadne a zda si uživatelé budou stěžovat. Dám vědět.

Karel Fučík aura:94
22. 9. 2010 14:51 Nový

Re: CSS3Pie a výkon

celé vlákno

Mám za to, že HTC skripty samy o sobě nemusí být žrouty výkonu, jsou to opět jenom javascripty, takže záleží na tom, jak to je napsané. Já to shodou okolností právě zvažuju nasadit na jeden projekt (namísto DD_roundies, které jsem občas použil), tak jsem se koukal do zdrojáku a nevypadá to zle. V podstatě jsou tam na příslušné elementy navázány události, podle kterých se podle potřeby překreslí přidružený VML prvek. Kritickým místem můžou být onmouseentery, které přidávají třídy .hover pro interakce, ale ani to obvykle nezpůsobuje problém. Uvidíme.

Mnohem horší jsou expressions, které se chovají zběsile, ale to je myslím něco trochu jiného.

richinek
richinek (neregistrovaný) ---.56.broadband13.iol.cz
21. 9. 2010 22:25 Nový

Re: Webdesignérův průvodce po CSS3: první díl

celé vlákno

Doporučuji vkládat k příkladům i obrázky, je to názornější. Jinak perfektní seriál.

farin
farin (neregistrovaný) ---.customer.poda.cz
30. 9. 2010 18:02 Nový

kulate obdelniky

celé vlákno

Znal jsem takovou pisnicku, kde se zpiva:

kulate obdelniky, fialovy les a zluta reka

Zasílat nově přidané příspěvky e-mailem