20 komentářů k článku Webdesignérův průvodce po CSS3: první díl:

  1. JakubS

    -moz-border-radius

    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)

    1. pisatel

      Re: -moz-border-radius

      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.

      1. Martin Malý

        Re: -moz-border-radius

        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/

        1. Čelo

          Re: -moz-border-radius

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

          1. pisatel

            Re: -moz-border-radius

            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)? :)

            1. Martin Michálek

              Re: -moz-border-radius

              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ď?

            2. Čelo

              Re: -moz-border-radius

              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.

              1. mikiqex

                Re: -moz-border-radius

                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… :-/

                1. Čelo

                  Re: -moz-border-radius

                  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.

            3. w0ndr

              Re: -moz-border-radius

              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)

            4. noname

              Re: -moz-border-radius

              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 ($$$)

              1. Kout

                Práce s klientem

                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.

    2. Martin Michálek

      Re: -moz-border-radius

      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.)

      1. JakubS

        Re: -moz-border-radius

        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.

  2. Martin Michálek

    CSS3Pie a výkon

    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. :-)

    1. Jan SládekAutor příspěvku

      Re: CSS3Pie a výkon

      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.

    2. karf

      Re: CSS3Pie a výkon

      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.

  3. richinek

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

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

Napsat komentář

Tato diskuse je již příliš stará, pravděpodobně již vám nikdo neodpoví. Pokud se chcete na něco zeptat, použijte diskusní server Devel.cz

Zdroj: https://www.zdrojak.cz/?p=3329