Úvod > O nás > COEX archiv > Trendy v CSS/HTML

Moderní postupy a trendy v CSS/HTML

Po několika klidnějších letech ve světě prohlížečů a kaskádových stylů začínají objevovat poněkud hustěji nové techniky a postupy. Nejde jen o nastupující podporu CSS3 a HTML5, ale o změnu přístupu a zacházení s webem obecně. Celkově se webové stránky čímdál více přibližují svým ovládáním (a často i grafickým rozhraním) k desktopovým aplikacím - dialogová okna, přetahování myší, našeptávače, přehrávání videa, třídění informací...

Jednou z věcí, které se na poli šablon odehrává je odklon webových kodérů od snahy vykreslovat webové stránky shodně napříč různými platformami a prohlížeči. Toto je s množstvím nových prohlížečů na trhu (a jejich odlišném chování v různých verzích) čím dál složitější. Situace dospěla do současného bodu, kdy se začíná uplatňovat - zejména ve složitějších systémech - odlišné vykreslování stránek pro různé uživatele, platformy (PC vs minilaptop vs iPhone) ale i podle použitého prohlížeče. Samozřejmě by mělo platit, že obsah a informace jsou prezentovány ve stejné šíři, pouze má návštěvník s horším systémem menší komfort a "uživatelský zážitek".

Tento rok je zajímavý také tím, že po dlouhé době statisticky končí nadvláda Internet Exploreru (kterou měl především díky implementaci do Windows). Nyní jsou na trhu sice zastoupeny hned 3 verze (6,7,8 přičemž každá se chová jinak), ale došlo k psychologickému předělu - celosvětově mají všechny tyto verze dohromady stejný či menší podíl na trhu než samostný Firefox. Stále větší oblíbenost zaznamenává svižný prohlížeč Chrome od společnosti Google, který ukrajuje zejména s podílu starších verzí.

Statistika zastoupení prohlížečů

2009 IE7 IE6 IE8 Firefox Chrome Safari Opera
September 15.3% 12.1% 12.2% 46.6% 7.1% 3.6% 2.2%
August 15.1% 13.6% 10.6% 47.4% 7.0% 3.3% 2.1%
July 15.9% 14.4% 9.1% 47.9% 6.5% 3.3% 2.1%
June 18.7% 14.9% 7.1% 47.3% 6.0% 3.1% 2.1%
May 21.3% 14.5% 5.2% 47.7% 5.5% 3.0% 2.2%
April 23.2% 15.4% 3.5% 47.1% 4.9% 3.0% 2.2%
March 24.9% 17.0% 1.4% 46.5% 4.2% 3.1% 2.3%
February 25.4% 17.4% 0.8% 46.4% 4.0% 3.0% 2.2%
January 25.7% 18.5% 0.6% 45.5% 3.9% 3.0% 2.3%
               

Zdroj: W3C. V České republice má stále Internet Explorer větší podíl než Firefox

Zde je výčet technik a postupů, které se ve stále větší míře uplatňuji při moderním vývoji webových stránek.

Rozšiřování funkcí dle možností prohlížeče

Přidávání funkcionalit dle typu zařízení v kterém si stránku prohlížíme. Typicky použití CSS3 efektů (např. kulaté rohy) pro WebKIT prohlížeče, použití AJAX a dalších pro novější prohlížeče atd. Dá se to shrnout slovy "Čím modernější lepší prohlížeč máte, tím lepší Vás čeká zážitek z prohlížení webu."

Formátování obsahu dle zobrazovacího zařízení

Dříve se dalo počítat, že uživatel prohlíží stránku v dvou až třech typech zobrazení, dnes může být velikost obrazovky od několika stovek pixelů (telefony, PDA) až po tisíce na širokoúhlých LCD monitorech. Udělat stránky optimalizované pro všechna zařízení na trhu není dost dobře možné, čím více pro to však uděláte tím lépe. Stalo se trendem směrovat uživatele s handheldem na odlišnou verzi stránek (většinou s předponou m.prikald.cz).

Znovupoužitelnost a účelnost

Používají se resetovací styly pro uvedení všech prohlížečů do defaultních hodnot (Reset CSS od Erica Mayera nebo YIU od Yahoo). Nastupují nové techniky psaní CSS jako object-orientated-css nebo vertikální rytmus.

Typografie

Po mnoha letech používání několika základních fontů ze začíná blýskat na lepší časy a starý dobrý SIFR začíná být překonáván, zejména flash nevyžadujícím CUFÓNem nebo např. TYPEFACEm. Teď ještě dořešit problémy autorského práva a zážitky z procházení webu bude opět bohatší.

Více informací a odkazů získáte na Smashing Magazine.

Pokračovat na úvodní stránku.

 
Naši klienti: Plastová okna | Luxusní dětské oblečení | Photo Prague | Dřevostavby | Kde se koupat (koupání v ČR) | Pasivní domy a bungalovy