2 × Zen Garden – moje návrhy
Vo voľnej chvíli som so spomenul na Zenovú záhradu a pokúsil som sa pre tento projekt, síce nie už tak aktuálny, vytvoriť nejaký design. A vytvoril som hneď dva. Dobre som si precvičil svoje kóderské (ne)schopnosti a zopakoval som si, ako úspešne pokoriť prehistorické prehliadače. Vrhnite sa na to a kritizujte.
Prvý grafický návrh s pracovným názvom Paper style sheet (ak máte lepší návrh na názov, sem s ním) som úspešne a funkčne nakódoval pre všetky Explorery od 5 a vyššie. Firefox, Opera a Safary samozrejme tiež. Myslím, že sa mi podarilo vytvoriť vkusný design založený na hojnosti grafiky s malým dátovým objemom.
Druhý grafický design s názvom The Book by mal „simulovať“ knihu a knižnú typografiu. Nečudujte sa preto, že niesu odkazy podčiarknuté. Priznávam, v texte sú málo viditeľné, ale išlo mi v prvom rade, čo najvernejšie napodobiť dokonalú sadzbu knihy. Z hľadiska CSS to bol ťažší oriešok. Moderné prehliadače nemajú problém, ale aby to fungovalo aj v IE 5, dalo my zabrať, kým som vymyslel najvhodnejší spôsob definovania pozícií jednotlivých elementov. Problém je, že som rozložením objektov narušil normálny tok dokumentu. To spôsobovalo, že sa päta so spodným pozadím zalomila za hlavičkou, pretože obsah je pozicovaný absolútne. Taktiež to spôsobilo nekonečné protesty IE. Nakoniec sa to podarilo s miernymi kompromismi. Nekritizujte ma, že sú niektoré texty definované v pixeloch a nie v em. Aj tak sa to pri zväčšení písma rozpadne (aj v Opere).
Momentálne sa snažím pred odoslaním návrhy doladiť. Ak sa vám niečo zobrazuje nesprávne, alebo vidíte niečo chybne, zanechajte komentár. Skritizujete, ako sa len dá, všetko, čo sa dá a nezabudnite pochváliť, čo je dobré :).
Update: 7 júl 2007, 20:15
Ján Varhol ma mailom upozornil na chybu vo Firefoxe na Ubuntu fiesty (viď obrázok). Chybu spôsobuje neprítomnosť písma Palatino Linotype. Poznáte niekto linuxový pätkový font, ktorý má približne rovnakú veľkosť znakov a medzier medzi nimi?
Pozmenil som definíciu písiem, pozrite sa nato niekto s Linuxom, či to už funguje správne, ďakujem. Takto by to malo vyzerať.
Komentáre
Viac sa mi páčil ten prvý. Len dal by som tam nejaké živšie pozadie. Tá biela nie je dobrá. Ale príde mi to také jednoduché. Nič na čo by som povedal wow. Na deviantart je podobných dizajnov cele hordy a to dizajny čo sú oveľa prepravovanejšie než je tento. Tento štýl papier na stole je dosť populárny ale videl som aj milión krát krajšie čo dokázali niektorý dizajnéri nakresliť a vyzeralo to realistickejšie. Tu som si všimol, že nešlo ani tak o tú reálnosť. Ono je to pekné, ale nijak extrémne to nezaujalo.
Ale keby si sa tam prihlásil a neschválili by ťa, tak aspoň si vytvoril pekný dizajn, na ktorom si si dal záležať, aby bežal pod všetkými verziami IE a aj ostatnými prehliadačmi. Takže možno z tohto hľadiska to mohlo byť pre teba prínosnejšie.
[1] Ďakujem za kritiku. Áno pozadie je to, čo tomu chýba. Chcel som ho tam dať, ale, keď som psd-cko rozrezával, omylom som ho uložil v jednej vrstve :(, takže to budem musieť celé premaľovať nanovo. Prepracovanosť nieje podstatná, ide o minimalizmus. Alte ten design je dosť starý, po čase som sa k nemu vrátil a narezal ho.
Pekne, pekne, naozaj. Akurat, k tomu chybajucemu fontu, mohol si dat radsej screenshot ako to ma vyzerat, ako to vyzerat nema si viem pozriet aj sam :) Mozno by niekto navrhol nejaky podobny font.
Prečo sa všetkým páči ten prvý viac? Mne ten druhý.
[4] Pridávam skrínšot ako by to malo vyzerať.
Hezké!
Jeden bug report: u druhého návrhu se v IE6 odsouvá patička, pokud je šířka okna prohlížeče užší, než se očekává.
[6] Ak je viewport menší, ako treba, pozadia robia problémy. Ešte neviem, ako nato, možno to ani nepôjde (bez zásahu do kódu to ide ťažko).
Trochu som prebudoval kód, malo by sa to už zobrazovať na Linuxoch správne, aspoň dúfam. Nájde sa tu niekto, kto by mi to skontroloval? Ďakujem.
8 maark
V dizajne sa síce nevŕtam, ale všimol som si drobnučké chybičky krásy. Netýka sa to hárku papiera, ale vrchnáku, ktorý sa zvlášte znáša na spodu. Lepšie by to vyzeralo, ak by sa naň dalo pozerať aj z iného uhlu a pravouhlo z vrchu, máme predsa dve oči, ktorými môžme vidieť priestorovo.
V druhom návrhu sa mi vo Firefoxe pri 800×600 zobrazil spodok knihy posunutý doľava, skús to vyladiť.
S priateľským pozdravom maark
ahoj, ja sice nie som programator, ale pacia sa mi navrhy, pretoze tie zen zahrady robime a este nemame stranku, pripravujem obsah, privitam spolupracu, dakujem, Saška