Články autora Redakce Interval.cz
Hrátky s okrajem textu
Někdy se může hodit poněkud netypické formátování plovoucích objektů v textu. Denně takové formátování můžeme vidět například v tištěných novinách. Toto řešení ukazuje, jak podobného efektu dosáhnout na webových stránkách pomocí CSS.
Náhled obrázku
Toto řešení ukazuje, jak jednoduše a zajímavě vytvořit efektivní náhledy obrázků pomocí CSS. Řešení využívá jednoduchého skrývání části obrázku. Jedinou nevýhodou tohoto řešení je složitější příprava vlastního obrázku.
Banner jako pozadí
Toto řešení ukazuje, jak využít obrázku na pozadí jako banneru. Jeho výhodou pro běžně návštěvníky je dobré rozvržení stahování banneru, kdy je animovaná část stahována až při najetí myší na banner. Jedná se o zajímavou možnost jak je možné obejít
Merak Mail Server pro Interval.cz
Věřili byste tomu, že e-mailové řešení, využívané Intervalem, je již deset let staré? Možná ano, pokud už jste si užili nějaké ty komunikační problémy, které se u nás v poslední době vyskytují více než je únosné. Proto jsme se rozhodli pořídit nové
SEO obrázky
Pomocí tohoto řešení dosáhneme toho efektu, že se obrázek zobrazí klasicky a kvůli SEO pod něj vložíme jeho ekvivalent v textové podobě. Toto řešení zajistí, že je text viditelný i tehdy, když máme vypnuté obrázky, nelze ho ale použít u průhledných
Patička vždy dole
Toto řešení lze použít kdekoli, kde se předpokládá, že bude na stránce málo obsahu a nebude tedy stránka celá zaplněna.
Obrázek na pozadí odstavce
Toto řešení ukazuje, jak zlepšit vzhled odstavců na Vašich stránkách. Ukazuje jak vytvořit zvýraznění prvního slova v odstavci obrázkem na pozadí nebo možnost jak například vylepšit citace. Jedná se o jednoduché řešení.
Menu s náhledy
Toto menu můžeme použít ve všech stránkách, kde potřebujeme rychle, bez klikání zobrazit podrobnější informace. Část se samotným menu je nezávislá na části pro zobrazení, z toho plyne možnost využití např. v různých side-barech, kde obvykle bývá málo místa.
Stínování objektů
Toto řešení umožní snadno zpříjemnit design stránek. Hodí se jak pro formátování obrázků, tak i libovolných jiných řádkových nebo blokových elementů.
Nadpis s obrázkem jako odrážkou a podtržením
Toto řešení ukazuje, jak vylepšit tvorbu nadpisů na Vašich stránkách. Ukazuje jak vytvořit nadpisy s obrázkem jako odrážkou a dále pak jak vytvořit efektní podtržení u těchto nadpisů. Jedná se o jednoduché řešení.
Třísloupcový fixní layout se stejnou délkou panelů
Tento třísloupcový layout se zobrazuje ve všech prohlížečích stejně, jeho hlavní výhodou je, že znáte přesnou šírku a na základě toho můžete stanovit absolutně šířku elementů použitých v obsahu. V součastnosti je to jeden z nejpoužívanějších layoutů, většina kodérů již rezignovala na fluidní
CSS úprava pro tisk
Tento příklad ukazuje jak pomocí CSS upravit stránku tak aby byla vhodná pro vytištění na Vaší tiskárně. Upravuje stránku na bíle pozadí s černým textem. Dále je možno zakrýt menu a jiné k tisku nepotřebné součásti stránky.
Seznam s obrázky jako odrážkami
Toto řešení ukazuje, jak vytvořit seznam s obrázky šipek nebo jiných prvků místo klasických textových bodů seznamu. Využití je možné například ke zlepšení designu klasických seznamů na Vašich stránkách. Jedná se o jednoduché řešení.
Scrollbar vlevo
Tento příklad ukazuje jak jednoduše vytvořit scrollovací lištu vlevo od scrollováného objektu například textového pole. Lze například použít pro originální „převráceny“ design.
CSS font
Jedná se o příklad, který ukazuje font generovaný pouze pomocí CSS. Jeho možnosti reálného nasazení jsou sice omezené, ale dobře ukazuje možnosti CSS. Využití je možné například k ochraně e-mailové schránky před roboty vyhledávající adresy pro spam.