New CSS 3 použítí a :before :after

Zdravím všechny. Na mé očekávání přišla CSS3 s řadou nových triků a vylepšení. Avšak po řádném, skoušení a testování jsem došel k názoru že CSS3 není použitelná dle mého odhadu nejbližší 2 - 3 roky. Proč píšu tenhle článek ? Správná otázka, právě proto abych lidem, kteří právě začínají s kódováním v CSS3 a myslí si jak je to super pecka fajn tuto myšlenku vyvrátil. Nejdříve pro upřesnění přikládám statistky: http://prohlizece.info/archiv-clanku/kategorie/statistiky/http://pctuning.tyden.cz/component/content/article/1-aktualni-zpravy/23465-statistiky-prohlizecu-za-unor-pokles-podilu-google-chrome-a-internet-exploreruTakže to bychom měli, když se podíváme na statistiky zjistíme, že ještě velký počet uživatelů brouzdá internetem pomocí prohlížeče Internet Explorer 8 a to také nižších verzí. Což způsobuje nekompatibilitu CSS kódu s prohlížečem a z designového pohledu rázné změny. Hodně se mi líbilo že za použití nových CSS3 stylů mi k nastylování nějakého prvku s oblýma tvary, nebo stínem, či více pozadí a přechody z jedné do jiné barvy a to klidně i více přechodů, stačilo použit pouze 1 HTML tag.Pak jsem došel k optimalizaci která se stala peklem vzhledem k nekompatibilitě spousty prohlížečů. No a když jste prográmátor, kóder jako já a potrpíte si na čistotě kódu, zjistíte že máte problém a aby jste design dotáhli do podoby jaký Vám byl dodán tak musíte použít spoustu hacků pro starší prohlížeče, což dělám nerad pokud vím že to lze udělat i jinak. Navíc hacky Vám někdy můžou způsobit více problémů než užitku, dobrým příkladem je např. zmenšení HTML elementů nebo jejich rozšíření při použití hacku od google na opravu :before, :after v starších verzích IE, a pak samozřejmě možnou nekompatibilitu v nových verzích daného prohlížeče. Tím pádem jsem došel k názoru že CSS3 nebude použitelná ještě nějakou chvíli. Dovolím si říct že i některé části z CSS2 jsou nepoužitelné např. :before :after který Internet Explorer 8 a níž děla celkem problémy a je zapotřebí javascript který tuto chybu dokáže upravit. Takže prozatím pro mě bude nejlepší cestou držet se starých triků a nešetřit HTML elementama. Rád bych Vaše názory a zkušenosti s CSS3.Děkuji, pokud Vás článek zaujal nebo pomohl bod plus potěší.

css3 pouzivam standardne... ale web ve starsich prohlizecich se musi zobrazit citelne, a preci neni problem pokud se box zobrazi bez oblych rohu, stinu ci jinych efektu.Ale pokud na tom klient z nejakych duvodu trva, delam samostatny css pro stare prohlizece, samozrejme od toho se take odviji cena prace...Je to uplne to same, pokud klient chce kompatibilni verzi se vsim vsudy pro iOS, Android atd... vse je jen o domluve a cileni webu ;)

Zbytočne sa tu takto sťažovať. Nefunkčnosť CSS3 v starších prehliadačoch je predsa známa.Ja som najprv skúšal hľadať nejaké riešenia aby všetko všade fičalo, ale nevyhovovalo mi to. Tak kto používa IE8- jeho problém. Zobrazí sa to podľa možností prehliadača, veď aj na takéto zobrazenie je zvyknutý.

Tady někdo objevil ameriku :)

Firefox 34.73Google Chrome 17.39Internet Explorer 9 10.09http://prohlizece.info/clanky/statistiky-prohlizecu-cr-leden-2012-internet-explorer-6-skoncil/Téměř 63% českých uživatelů CSS3 používat v nějaké formě může, tak proč by měli "doplácet" na menšinu?

Protoze kdyz Vam zadavatel webu rekne, ze chce kulate rohy a stiny i v IE7 a 8 tak to rozhodnuti neni na Vas.EditNastesti to timhle tempem bude rychle za nama : jen IE

Napsal F1eldy;878787

Tady někdo objevil ameriku :)

Ameriku možná ty přečti si článek řádně než začneš psát nesmysli nikdo nepíše o objeveni ale spíše o radě....---------- Příspěvek doplněn 06.12.2012 v 10:53 ----------Panové trapné komenty typu někdo objevil ameriku atd si vemte sebou domů nikdo na ne není zvědavej,FAKAM: Ten tvůj komentář nemá smysl, známa každému kdo se vzdělává a studuje nové technologie ten kdo ne nebo s tím teprve přichází do vstyku ne. Kdo používa IE 8 jeho problem to je teda "správny" přístup, asi si neuvědomuješ že je to většina uživatelů :D

css3 pouzivam standardne... ale web ve starsich prohlizecich se musi zobrazit citelne, a preci neni problem pokud se box zobrazi bez oblych rohu, stinu ci jinych efektu.

Ale pokud na tom klient z nejakych duvodu trva, delam samostatny css pro stare prohlizece, samozrejme od toho se take odviji cena prace...

Je to uplne to same, pokud klient chce kompatibilni verzi se vsim vsudy pro iOS, Android atd... vse je jen o domluve a cileni webu ;)

Tak tohle je fakt k velkému zasmání. Popravdě poskytovat služby a prezentovat web který není zoptimalizovaný tak takové služby bych si teda nikdy neobjednal. Tzn. že vlastně odevzdáváte poloviční práci.. asi když něco dělám má to být také moje prezentace určitě to nebudu odevzdávat nedodělané.....A pokud dostanete design, tak to má podle něj vypadat a ne že to bude všude jiné, klient schvaluje design tak jak mu je dodán ne tak jak si vy zmyslíte že se bude někde zobrazovat, Vaše služby jsou tedy velice "ukázkový" příklad jak dělat kvalitní stránky a uspokojit klienta ...

Napsal smrtka;878805

Protoze kdyz Vam zadavatel webu rekne, ze chce kulate rohy a stiny i v IE7 a 8 tak to rozhodnuti neni na Vas.

- Uznávám, s tím opravdu moc udělat nejde.

Napsal smrtka;878805

Nastesti to timhle tempem bude rychle za nama : jen IE

- Právě snaha využívat CSS3 co nejvíce by to mohla ještě urychlit...

softdreamA pokud dostanete design, tak to má podle něj vypadat a ne že to bude všude jiné.Co je, prosím, špatného na tom, že web bude vypadat odlišně v závislosti na charakteru a možnostech zobrazovacího zařízení?

Napsal Plaváček;878910

softdream

A pokud dostanete design, tak to má podle něj vypadat a ne že to bude všude jiné.

Co je, prosím, špatného na tom, že web bude vypadat odlišně v závislosti na charakteru a možnostech zobrazovacího zařízení?

Moznostech, myslim ze moznosti jsou docela bohate i v IE 6 pro kterej uz neni potreba optimalizovat je mozne udelat hekzky prechod pomoci rezu z designu . No je na tom to ze kdyz ja si neco objednam tak chci aby to tak skutecne vypadalo a to hlavne v designu, panove je smesny ze tady pouzivate argumenty typu : vypadat odlisne. Ale vse ma svuj smysl. Takze pokud mam za neco zaplatit chci design stejny ve vsech prohlizecich ne odlisny v kazdem prohlizeci jinny. A proc ? Plavacek uplne krasnej priklad. Delam design tak aby byl pristupny pro vsechny kategorie lidi a v designu se objevuji stiny, a prvky ktere pomahaji zrakove postizenym pri cteni napr. pri zapnuti inverzniho modu to MUSI vypadat tak jak je to navrzene v tech barvach v tech stinech aby se to pro cloveka s citlivosti na barvy vykreslilo naprosto spravne. A nejenom tohoto duvodu duvodu je dalsich xx, neplatim za to ze si koupim Kulatej design se stinama a vy mi dodate v jednom prohlizeci KULATEJ SE STINAMA a v ostatnich HRANATEJ bez STINU je docela vtip ze vy tady vlastne jdete rozohodovat o tom co vlastne klient chce .... a i kdyz to nechce resp. bez jeho vedomi udelate jinak nez je v puvodnim designu ... Tenhle pristup je katastrofalni ..... ani od jednoho z Vas bych si sluzbu neobjednal s takovym pristupem

No rád by som videl vaše práce kde sa všetko rovnako zobrazuje pre FF aj pre IE.

Napsal FAKAM;879243

No rád by som videl vaše práce kde sa všetko rovnako zobrazuje pre FF aj pre IE.

Napriklad tento projekt ktery spracovavam: http://portal.softdream.netStejne v IE 7,8,9,Chrome,Mozilla,Opera,Safari:)

To menu V IE8 je úplne chybné...

Ano chybi tam oble tvary :) protoze jsem je tam este nedal pro IE 8, ale pokud se podivate na vse ostatni tak je tam vse stejne vcetne borderu v boxu pro akce. Rozhodne neprovadim optimalizaci na zacatku, pisu kod tak ze je stejny temer vsude a pak optimalizuji, no rozhodne az se podivate na final coz bude dneska vecerIE bude mit take oble tvary menu :)---------- Příspěvek doplněn 07.12.2012 v 11:36 ----------

Napsal Flay;879258

@softdream

Tvoje názory jsou dost naivní a styl, jak diskutuješ je opravdu na blití. Nikdo tu neříká, že bys měl za klientovými zády opomenout optimalizaci pro staré, ale přesto důležité prohlížeče. Je ale nesmysl optimalizovat každou blbost, na které nezáleží. Jak ti říkali už nahoře, stačí, pokud je stránka pro např. IE7 čitelná a použitelná – uživatelé s novějšími prohlížeči prostě dostanou vyšší luxus v podobě vychytávek CCS3.

Pokud chce klient vše všude stejné (z jakéhokoliv, jen ne rozumného důvodu), tak si musí připlatit za hodiny práce navíc, v čem je sakra problém? Vše je jen v komunikaci.

Tak tímhle jsi to dorazil. Místo starání se o totožné zobrazení napříč všemi prohlížeči by ses měl starat o mnohem(!) důležitější věci jako použitelnost, design, typografie, ... (nevím, jestli jsi design dostal nebo jestli jsi jeho tvůrce, ale takový perfekcionismus nemá absolutně žádný smysl, pokud předloha je plná chyb).

Nejsem grafik, takze grafiku nedelam tu si schvaluje klient a dodava klient. Takze ja pouze programuji koduji. A myslim ze pokud clovek chce tak jednim kodem docili z 90% temer stejnou verzi stranky ve vsech prohlizecich a take vim ze tech 10% casu neni 10 h prace ( venovane optimalizaci ) Pokud by jsme se bavili o validnosti kodu stranky a priplatku za to tak to je jina o tom se da diskutovat ale pokud se bavime o zobrazeni dodaneho designu v prohlizeci tak nevidim zadny duvod proc to neudelat stejne vsude neni to tak tezke. To z Vasich nazoru mi je na bliti protoze prijde nove CSS3, tak se ho samozrejme naucim nastuduji a hned ho jdu pouzivat bez ohledu na to ze to starsi prohlizece nepodporuji treba IE8 ktera je zatim nejvic pouzivana. Jako to mi prijde docela neuvazene uvazovani jak delat stranky. Pokud svou praci berete profesionalne a snazite se klientovi dodat skutecne to co chce. Typografii by mel resit grafik ne ja, ja udelam design tak jak mi je dodan tecka a doprogramuji mu funkcionalitu. Takze popravde ani nechapu tuhle diskuzi, ze se tady lidi opiraji o to "Nemas new prohlizec ? Mas smulu nebudes to mit perfect ale jenom na 50%", to mi prijde docela blby.

@softdreamTvoje názory jsou dost naivní a styl, jak diskutuješ je opravdu na blití. Nikdo tu neříká, že bys měl za klientovými zády opomenout optimalizaci pro staré, ale přesto důležité prohlížeče. Je ale nesmysl optimalizovat každou blbost, na které nezáleží. Jak ti říkali už nahoře, stačí, pokud je stránka pro např. IE7 čitelná a použitelná – uživatelé s novějšími prohlížeči prostě dostanou vyšší luxus v podobě vychytávek CCS3.Pokud chce klient vše všude stejné (z jakéhokoliv, jen ne rozumného důvodu), tak si musí připlatit za hodiny práce navíc, v čem je sakra problém? Vše je jen v komunikaci.

Napsal softdream;879245

Napriklad tento projekt ktery spracovavam:

http://portal.softdream.net

Stejne v IE 7,8,9,Chrome,Mozilla,Opera,Safari

:)

Tak tímhle jsi to dorazil. Místo starání se o totožné zobrazení napříč všemi prohlížeči by ses měl starat o mnohem(!) důležitější věci jako použitelnost, design, typografie, ... (nevím, jestli jsi design dostal nebo jestli jsi jeho tvůrce, ale takový perfekcionismus nemá absolutně žádný smysl, pokud předloha je plná chyb).