CSS hrou CSS3, experimenty, svet v kaskádových štýloch

Nová pravda o IE6, IE7

08.08.2009 · Posted in Projekt

Mnoho ľudí preklína Internet Explorer 6 kvôli jeho slabej a chybnej podpore CSS. V súčastnosti už však nie je problém v IE6, ale v ľudoch, ktorí ho používajú, ale hlavne vo webdesignéroch, ktorí stále ladia stránky aj pre tento prehliadač. Treba si uvedomiť, že pre IE6 sa stránky ladili pred rokom, dvoma.

Je to jednoduché a ...

16 Comments » Tags:

CSS Hrou v HTML 5

07.25.2009 · Posted in Projekt

Vačšinu svojho vóľneho času trávim študovaním CSS3, tento týždeň som si našiel čas aj na HTML 5 a rozhodol som sa, že CSS Hrou do neho nahodím. Nie je to síce 100%, ale postupne sa to bude doladovať. Použil som tagy ako HEADER, NAV, ARTICLE, TIME a FOOTER, tým pádom sa znížil počet ...

13 Comments » Tags: , , , , ,

Aktualizované – text-overflow: ellipsis

07.02.2009 · Posted in Práca s textom, hlavna

Pred časom som tu uviedol príklad CSS3 vlastnosti text-overflow: ellipsis, ktorá v skratke štýluje dlhý text tak, aby uživateľovi vizuálne oznámil, že text má pokračovanie, resp. že sa nezmestí do DIVu. Je to veľmi dobrá vlastnosť, ktorá keby sa rozšírila medzi webdesignérmi, teoreticky by mohla nahradiť použitie PHP pre tento účel.

...

No Comments » Tags: ,

Blueprint CSS Framework

06.28.2009 · Posted in Layout

Josef Strzibny píše o frameworku Blueprint, který se hodí pro kódování designů navržených podle mřížky (grid) a popisuje výhody a nevýhody jeho použití: "Blueprint nabízí základní resetování, jednoduché kódování podle mřížky, možnost fluidního layoutu (ukázka), lepší typografii či jednoduché začlenění vybraných ikonek do designu."

Martin Michálek o Blueprint píše: "Blueprint je CSS framework, který za vás ...

No Comments » Tags: ,

3D kocka – CSS Transforms

05.31.2009 · Posted in Obrazce

Prezrieť príklad 1 Prezrieť príklad 2 Ak si spomínate na članok o CSS3 vlastnosti Transforms, viete už možno čo to o použití tejto zaujímavej vlastnosti. Kedysi som rozmýšľal, ako pomocou CSS vytvoriť 3D kocku. Spôsob by sa aj našiel, ale chcelo by to využiť množstvo prekrytých DIVov. V predošlých príkladoch som zabudol spomenúť vlastnosť transform: skewY. Táto ...

No Comments » Tags: ,