Adam Marčan
webdesigner

Určitě jste se už někdy na webu setkali s použitím image mapy, obrázkem, který odkazoval svými různými částmi na jiné stránky. Typickým příkladem je použití pro rozdělení nějaké mapy na státy, kraje a podobně. Vezměte si třeba že vlastníte velkou nadnárodní společnost v Evropě a v každém státě máte svou pobočku. Na vašem webu chcete mít Introduce site, neboli Úvodní stránku, na které bude mapa Evropy. Chcete realizovat, aby jednotlivé státy na mapce byly odkazem na Vaše dceřinné pobočky. Co tedy použijete? Klikací mapu.

Můžete se v tom patlat sami a počítat souřadnicové body, což je prakticky nereálné, nebo můžete použít nějaký z chytrých programů, který to udělá za vás za tisícinu času. Prohrabal jsem se mezi několika programy, které tuto dovednost slibují. Některé byly zbytečně složité, obalené dalšími, pro nás nechtěnými funkcemi. Některé byly méně, či více použitelné. Opravdu mě ale zaujal pouze jeden – Handy ImageMapper!

přečíst celý text

Díky Tanushko za překlad :o) >>> Moc dobré tortily! přesně tohle hlásá uvedený nadpis textu. Dnes jsme měli k obědu opravdu vynikající tortily s restovaným kuřecím masem, kukuřicí, fazolemi a spoustou koření… celé to šikovná šéf kuchařka zalila zakysanou smetanou. Výsledkem byly několika násobné orgasmy mých chuťových pohárků a jedna rychlá fotografie.

Fotka byla vyfocena na automatický režim a moc jsem se s tím nepáral, chuť byla silnější. Po otevření v počítači byla fotka lehce přesvícena a zdaleka nezachycovala tu pochoutku, tak jak by si zasloužila. Proto jsem otevřel dobrého pomocníka od Adobe, který mnohokrát dokáže udělat z paseky pastvu pro oči. Úprava trvala opravdu jen minutku. Mého kamaráda Dadajaxe tato rychlá úprava mile překvapila a dal mi tip k napsání tohoto textu. Tak se do toho tedy pustíme…

přečíst celý text

Už je tomu nějaký ten pátek kdy, Dopravní podnik hlavního města Prahy nasadil jednotný styl pro všechny druhy tištěné reklamy a informačních letáků. Musím uznat, že grafické oddělení dopravního podniku odvedlo opravdu skvělou práci. Dokázalo udělat z veřejné dopravy něco zábavnějšího a hravějšího. Mockrát jsem nebyl svědkem takovéhoto úspěšného omlazení firemního grafického stylu, který by byl tak jednotný a nebyl nudný. Přiložil jsem zde náhled na reklamu, v které dopravní podnik hledá nové kolegy – řidiče autobusů. Když jsem ji viděl poprvé, uchvátila mě! Ten sladkej retro autobus mě fakt dostal, hned jsem se chtěl stát řidičem autobusu. Těm, co nebydlí v dosahu Prahy a neměli tak možnost spatřit tento zdařilý kousek jednotného grafického stylu, nabízím k nahlédnutí měsíční časopis DP Praha (Prosinec, Leden), uděláte si tak obrázek o čem tady vlastně píšu. Přikládám také odkaz na výroční zprávu z roku 2006, která sice není v tomto novém stylu, ale lze z ní cítit ta lehkost a hravost díky dětským ilustracím.

Mezi zajeté koleje Linkuj.cz a Jagg.cz se nenápadně dostaly další obdobné projekty Topčlánky.cz a TOPodkazy.cz. Dnes mi přišel email o spuštění dalšího linkovacího projektu – TOPodkazy.cz, že by spam? Nebudu ho řešit, dělá to kde kdo, dokonce sám Seznam pouští do schránek svých uživatelů emaily od O2, T-Mobile a tak dále…

přečíst celý text

Na webu se dost často setkávám s hlavní navigací, která je řešena obrázky. Ty ale většinou nemají textovou alternativu, maximálně ALT (alternativní popisek obrázku), při vypnutých obrázcích pak nastává situace, že jdou vidět „jakési“ alternativní popisky bez jakékoli formy. Při vypnutých stylech, se pravděpodobně zobrazí opět ono obrázkové menu, mnoho kodérů totiž jednotlivé odkazy na sekce umísťuje do HTML do tagu <img>, což ale není nejlepší řešení, obrázkově ztvárněná navigace totiž patří celá do kaskádových stylů, v kódu má být pouze obsahová část… tedy nečíslovaný seznam. Vychází to z oné základní koderské filozofie.

Připravil jsem si pro vás obrázkovou navigaci, která splňuje tyto požadavky, v HTML dokumentu je pouze obsah, vizuální podoba menu je v kaskádových stylech. K tomu všemu si pohrajeme s posouváním pozadí u prvků, ušetříme tím práci s dalšími soubory (obrázky) a zmenšíme tak i datový objem celé navigace. Pokud tedy máte čas, pohodlně se usaďte a pustíme se do toho. 

přečíst celý text