xom`s pinion - Tom Hnatovsky Blog

Nový xom-tom the photoblog

21. února 2006 Web designFotografování 11 komentářů

New xom`s photoblog Již před Vánocemi jsem začal přemýšlet o nové podobě mého fotoblogu, přestal mě bavit složitý a temný design, chtěl jsem něco lehčího, jemnějšího s méně grafickými prvky. A tak po dlouhé době – čtvrt roce (i když práce probíhala pouze v chvílích volna, kterého příliš nebylo – nejčastější pracovní doba byla tak kolem sobotní 2. ráno) vypouštím své nové dítko na vlny Internetu – xom-tom the photoblog. Tento článek bych chtěl věnovat utříbení mých požadavků na technické ztvárnění fotoblogíku..

Velikost obrázku, okna

Zapátral jsem ve statistikách, porozhlédl se u kvalitní konkurence a rozhodl se pro velký formát fotek, delší strana dílka bude mít vždy +- 850 pixelů, z čehož plyne, že neudělám příliš radosti majitelům monitorů s rozlišením 800x600, kteří ale postupně mizejí a jejich návštěvy bych považoval za minimální.. (ostatně i stará verze měla takto velké obrázky) Trochu jsem se také zamyslel nad cílovou skupinou, kterou budou převážně tvořit kolegové fotobloggeři, kteří mají drahé fotoaparáty, velké monitory a v oblibě velké fotky.. Velikost fotografií jsem se snažil stlačit na maximálně 120kB, což považuji za přijatelné, s ohledem na ostatní grafiku, která na stránce vlastně téměř není..

JavaScript? Jo, šup tam s ním..

Dlouhou dobu jsem patřil k lidem, kteří zásadně odmítali JavaScript na svých stránkách, ale za poslední rok jsem svůj postoj přehodnotil a nový fotoblog je JavaScriptu doslova plný, ale jedním dechem dodávám, že ne (alespoň jsem se snažil) přeplněný.. Možná by někdo mohl namítat, že existují lidé, kteří browsdají s vypnutým skriptováním, že budou ochuzeni o funkce, bez kterých se nedá s webem pracovat.. S novým xom-tom the photoblog se dá pracovat i s vypnutým JavaScriptem, uživatel je akorát ochuzen o exif informace. On i JavaScript souvisí s cílovou skupinou.. Ano, web je hůře přístupný, ale ruku na srdce, jaký má smysl optimalizovat fotoblog pro slepce, či pro lidi bez puštěného skriptování (většina zahraničních fotoblogů má komentáře přístupné v pop up okně otevíraném JavaScriptem) nebo vypnutých obrázků, stylopisů.. Fotoblog jsem pojal jako časopis, kterým listujete a i zde platí, že ne každý se dokáže orientovat ve všech časopisech – některé jsou více osobité..

A cože to vlastně tím JavaScriptem děláme? Třeba s ním zobrazujeme fotografii, když se načte, prolíná ji na stránku.. Po najetí myší na obrázek objeví skript ve spodní části průhledné okno (průhlednost dělá problémy s počítáním FireFoxu pod Linuxem), které je plné dodatkových informací o snímku (exif data + místo pořízení..) – tyto informace jsem chtěl skrýt, ale aby byly rychle k dispozici, protože ne každého zajímají.. Chtěl jsem ještě přidat podporu klávesových událostí na šipky, doleva by se šlo na starší a doprava na novější fotku, ale nakonec jsem od toho upustil hlavně kvůli kolizím se scrollováním stránky v menším okně.. Nyní se prochází přes klasické acceskeys – n je starší fotka, m novější.

Prvky stránky a jazyk

Na základní stránce je pouze fotka a komentáře, ty jsem chtěl nejprve, po vzoru jiných, schovat do externího okna, ale nakonec jsem je nechal přímo pod fotkou, ať je přehled.. Byly zredukovány také podpůrné stránky – zbyl akorát archív všech fotek a about stránka, na kterou se přesunuli i odkazy.. Předchozí verze byla dvojjazyčná – šlo přepínat mezi češtinou a angličtinou.. Nyní je jazyk pouze jeden a tím je angličtina – fotobloggeři vesměs anglicky umí a navigační prvky jsou dnes každému jasné, česky je zachováno pouze pojmenování (umístěné do závorky za anglický výraz) a část infa o autorovi..

Nu a to je tak vše.. Jsem si vědom, že jsem na novém xom-tom fotu použil několik kontroverzních prvků a i graficky se nejedná o úplně bezkonfliktní záležitost, proto se prosím vyjádřete, pokud s něčím nesouhlasíte..

Vaše komentáře

GRavatar

Finwe 21.2.06 08:09

Podle mě to vypadá o trochu líp, než ten předchozí. Asi bych zmenšil průhlednost toho okna s EXIFem, protože takhle tam čitelnosti dost překáží písmo menu...

GRavatar

Finwe 21.2.06 08:10

A ještě - bez JS přijdu o možnost napsat komrntář, nezobrazí se mi kormulář...

GRavatar

xom 21.2.06 08:57

|1| - reakce na Finwe: Díky, průhlednost dám menší.. Ono jde o to v čem to prohlížíš, pro FF a IE je to nastavené pomocí css a KHTML nebo Opera používají poloprůhledné png - a to se právě ve FF mlátilo - FF jako jediný umí obě metody - proto to v něm bylo moc světlé - odstranil jsem definici -moz-opacity a starší verze Mozilly (které ještě neumí poloprůhledné obrázky) ostrouhají (ale kdo, který používá FF, má dneska verzi, která toto neumí..)

|2| - reakce na Finwe: No jo, na to bych skoro zapomněl.. :o) Jasně formulář komentářů je skryt také (z estetického důvodu), proto bych těm bez JS doporučoval prohlížet xoma i bez stylů nebo radši vůbec.. ;o)

GRavatar

Finwe 21.2.06 10:38

|3| - reakce na xom: - ono by to šlo řešit tak, že by se formulář skryl až po načtení stránky pomocí JS - těm, co nemají JS se tak neskryje.

GRavatar

Swoop 21.2.06 11:46

Nový design se mi líbí a hlavně ta vychytávka s informacemi o fotce :o) jediné co mi trošku chybí (zvyk je zvyk :o) ) je nějaký ten rámeček kolem fotky.. Jinak přeju hodně úspěchů a spoustu povedených snímků :o)

GRavatar

xom 21.2.06 11:58

|4| - reakce na Finwe: Jojo, pravda, pravda, takto mám třeba rešeno prolínání horního obrázku, stránka se načte a JS ho schová, když se dotáhne, ukáže ho.. Doděláno.. ;o)

|5| - reakce na Swoop: Rámeček, to bylo přemýšlení a osobních bojů.. :o) Když jsem si pořídil digitální foták a občas jsem někam hodil fotku, obalil jsem ji do masivního černého rámečku, nejlépe ještě doplněného mega-super grafickým logem.. ;o) Nějak jsem vyrost a toto mě již neláká.. Alespon se budu snažit fotit tak, aby snímky byly působivé i samy o sobě, bez dalších pomocných prvků.. BTW kdy bude nový Swoop (blog)? ;o)

GRavatar

Swoop 21.2.06 20:33

|6| - reakce na xom: Ten rámeček jsem (a to jsem zapomněl napsat) nemyslel grafický, součást fotky, ale spíš něco jednoduchého v CSS. Ty grafické rámečky, často široké téměř stejně jako fotka samotná mě taky točí :o)

Ad nový blog, mělo to být už dávno, ale pořád platí to co jsem psal tady: http://blog.swoop.name/?text=5-jeden-nevanocni (jen se to nějak protahuje.. těším se jak malej Jarda :o)

GRavatar

MaPa 21.2.06 20:51

Připadá mi to trochu jemnější, než co bylo dříve, pěkné. Objevil jsem něco(možná chybka, možná záměr): při zobrazení EXIF okna je toto posunuto o malinko víc doprava než je vlastní fotka - IE6.

GRavatar

xom 21.2.06 22:14

|8| - reakce na MaPa: Záměr to nebyl upraveno, děkuju!

GRavatar

Finwe 8.3.06 21:59

Pořád se mi zdá okno s EXIFem moc průhledné (FF 1.5). A taky bych v textech komentářů zdůraznil odkazy (třeba jména autorů při odkazování na minulé komentáře)

GRavatar

xom 8.3.06 23:25

|10| - reakce na Finwe: Díky za podmětné připomínky, odkazy jsem zvýraznil - zatím jsou boldem a podtržené - do budoucna zapřemýšlím i třeba o nějaké barevné stylizaci (i když..) - ono se nedostává moc času.. ;o)

Přidejte i vy svůj komentář

Pole komentáře: zmenšit / zvětšit

Jméno:

Email: (Gravatar ID)

Web:

Barva trávy (otázka proti robotům):

© 2004-2012 Tom Hnatovsky - Všechna práva vyhrazena