Šuplík Honzy Hučína

[1] 11. 1. 2005, 11:19 – rony (Odkaz)

mozes vymysliet kopec zaujimavych veci, mne vzdy vadia dve veci:

- stranka mi na sirku nevojde do okna prehliadaca,

- naopak mam prilis vela volneho miesta

sirka riadku je diskutabilna vec, zavisi aj od vlastnosti pisma a vzhladu odstavcov, takze neplati nic absolutne v zmysle "vsetko nad 481px je necitatelne". koniec koncov layout moze byt kompletne fluidny a pritom text bude vzdy citatelny a nad istu medz sa nebudu riadky natahovat.

vsetci totiz chapu design stranky ako 1:1 k pevnemu navrhu, pricom to zdaleka nemusi byt pravda, prvky layoutu sa mozu kludne voci sebe pohybovat - fluidny moze kludne byt header - titulka uz len preto, ze to vyzera pekne, ked je na celej ploche stranky "nieco", samotny obsah sa uz moze opat riadit svojimi pravidlami a zvysne casti stranky mozu kludne "premyslat" a umiestnovat sa trebars podla sirky viewportu.

len je tu problem, mozno by sa mali uz rozhybat aj grafici a mali by dokazat navrhovat fluidne sirky stranok a nezotrvavat v zotmeni "naplacam z toho jpeg a potom sa to rozreze a bozechran pokial niekto cokolvek kamkolvek posunie" ;-)

fixny design riesia najma ludia, ktori maju utkvelu predstavu, ze stranka sa pozera jedine v prehliadaci velmi podobnom tom ich prehliadacu - na pozadi mi to vzdy evokuje, ze su prilis fixovani na svoje podmienky ;-)

takze mame web plny hranolovitych stranok typu

uzky pruh hore, vlavo male logo, pod nim obdlznik s superkul obrazkom, potom kdesi tam zalozkove menu. po stranach je vytienikovana hrana. v obsahu pidi pismo... ;-)

a ked si to nacitam do prehliadaca s trosku mensou sirkou a nastavenim fit to screen, tak z textu mam stlpik o sirke dvoch pismen, pretoze margin toho layoutoveho stlpca musi byt napevno ;-)

[2] 11. 1. 2005, 11:32 – Honza Hučín (Odkaz)

Ad [1] Ano, fixní pixelový layout je pro řezače obrázků ideální. Tvůj problém by možná vyřešil em-layout, kde se šířka prvků řídí velikostí písma.

Jenže IMHO se pořád vytrácí ten hlavní argument: layout se dělá podle toho, co na stránce má být.

BTW tento blog má fixní layout, ale možná ho ještě předělám do em-layoutu s dolním a horním omezení šířky.

[3] 11. 1. 2005, 15:03 – Marek Prokop (Odkaz)

Proč je obtížné dodržet zásadu 2 na malých obrazovkách? Samozřejmě se jedná o horizontální rolování.

[4] 11. 1. 2005, 16:10 – rony (Odkaz)

[2] nepochopil si ma trosku ;-) ja som narazal na to, ze nemusi byt vzdy sirka hlavneho bloku s textom v tom istom pomere k sirke headeru/titulky pri roznyhc sirkach viewportu. Proste dokonale fluidna stranka, ktora sa pekne rozlozi po viewporte ale pritom nemusi narusit citatelnost textu a pritom nebude 'emovacia' cize "zoomovacia".

moze sa prisposobovat velkost pisma sirke boxu pren urcenom, to zrejme by bolo vhodne ;-)

ale vzdy vidim pouzitelnejsiu metodu a prave pre text ponuknut moznost prepnut si zobrazenie stranky - bud nastrojmi v prehliadacmi ale aj beznym CSS prepinanim.

ten dokonale fluidny design by som ti asi musel predviest nazivo ;-) stale mam pocit ako keby si ludia namalovali obdlznik a snazili sa ho za kazdych podmienok dodrzat s rovnakym pomerom stran pri akychkolvek podmienkach - cize ak sa zmensi blok pre text, umerne sa musi zmensit header, header nesmie menit pomer stran atd. To nemusi vobec takto byt!

Pixel2Pixel presnost je prekonana a nedosiahnutelna ;) snazil som sa o to pred piatimi rokmi a teraz sa chystam si cvicne urobit layout, ktory bude rozbity do objektov rozmiestnenych po stranke ale ich vzajomna poloha nebude definovana medzi sebou ale vo vztahu k okrajom viewportu.

[5] 11. 1. 2005, 16:15 – rony (Odkaz)

[2] pozri vzdy tu trpi niekto predstavou, ze tento prvok musi byt takto presne do pixelu. musi byt presne v tejto polohe a dost ;-)
pritom by nenarusilo zasady vyobrazenia podstatnych prvkov stranky, pokial by boli v jednom pripade v inej velkosti alebo polohe, ci v inom vzajomnom pomere k inym prvkom.

[6] 12. 1. 2005, 08:53 – Honza Hučín (Odkaz)

[3] Nevyjádřil jsem se moc šťastně. Myslel jsem to tak, že to není lehké. Pro Dobrý web tedy nesporně ano, ale pro začátečníka jde o náročnou úlohu, má-li vychytat svůj layout na různá rozlišení od šířky 320 po 1600. A to odhlížím od přání zákazníka.

[7] 12. 1. 2005, 08:54 – Honza Hučín (Odkaz)

[4][5] Hele, Rony, fakt ti moc nerozumím. Ono se to bez příkladu těžko představuje, co přesně myslíš.

[8] 14. 1. 2005, 23:13 – rony (Odkaz)

[7] zhruba to, ze kym koderi a pouzivatelia bez problemov dospeli k pouzitelnosti fluidneho webu, grafici este nedokazu uvazovat o webovej stranke inak ako o ploche X krat Y. Pritom ale nastroje ako CorelDRAW ci Photoshop mi dokazu realizovat navrh grafiky vo vrstvach. Len ich netreba finalizovat do 1 jpegu, ktory potom iba rozrezeme ale tie jednotlive vrstvy naskladame na seba aj na webovej stranke.

Predstav si web, kde je titulka nie 1 jpegovy pruzok ale niekolko vrstiev (position:absolute), ktore sa navzajom prekryvaju. Jedna vrstva je prilepena top left, ina top right dalsia top center. Pri zmene sirky webu sa ich vzajomna poloha meni. Cast kazdej vrstvy moze byt "zakryta" a odhaluje sa az zvacsovanim sirky (nieco ako ked robis zaoblene rohy boxov a 1 gif urobis velmi siroky prave z toho dovodu, aby si mohol jednym gifom urobit box siroky 100px alebo 500px.
Vravim, ze treba trosku zmenit myslenie grafikov :-)

Podobne to myslim aj pri robeni stylopisu pre zariadenia s malou obrazovkou - tu je to skor otazka pre zadavatela, ktory musi pochopit, ze web nemoze vyzerat vsade na pixel rovnako a musi sa podriadit zakonitostiam a moznostiam roznych zariadeni. Preto musi najst kompromis medzi svojou poziadavkou "zachovat stranke tvar" a pouzitelnostou.