[es] - Liquid (?) dizajn problem

kelja

Član broj: 70429
Poruke: 1416
*.dynamic.isp.telekom.rs.

+35 Profil

^{03.05.2011. u 12:48 - pre 157 meseci}

Uvalio sam se u nesto, opet, sto mi nije trebalo... :D

http://byby.xtreemhost.com/scribble/

Layout je jednostavan, ali... originalni PSD koji sam dobio je bio 1440xnesto mnogo... i, sad... klijent je zeleo da izgleda slicno na svim rezolucijama...i liquid layout je onda bio jedini zibor, ali... kao sto vidite, izgled je zapravo zasnovan na slikama, svaka slika - jedan blok (u praznom delu levo ce biti logoi)... e, tu sad liquid layout i nije bas dobar izbor (ispravite me ako gresim), pa ce slike izgledati jadno na visim rezolucijama...

Resenje sa ucitavanjem posebnih slika za svaku rezoluciju je mozda jedino pravo u ovom slucaju, ali, nesto me mrzi da se cimam s tim, a i klijent je 'overio' demo i nije nista rekao za izgled slika...

Problem koji je ostao je - font. Kako god sam probao da podesim, na nizim rezolucijama dolazi do sirenja i preklapanja, a to bih, naravno, hteo da izbegnem, i da, Safari ne 'vidi' margine iskazane u procentima?

Imate li neki savet, kako se izvuci iz ovoga? Hvala!

Edit: Da, vidim i da postoji problem u Chrome-u sa marginama...

_{[Ovu poruku je menjao kelja dana 03.05.2011. u 14:04 GMT+1]}

_{[Ovu poruku je menjao kelja dana 03.05.2011. u 14:13 GMT+1]}

Odgovor na temu

kelja

Član broj: 70429
Poruke: 1416
*.dynamic.isp.telekom.rs.

+35 Profil

Re: Liquid (?) dizajn problem

^{03.05.2011. u 14:41 - pre 157 meseci}

Ha, ha, ha novi momenti... sad je primetio da je logo ''fuzzy''... a lepo sam poslao demo pre nekoliko dana i upozorio da css resize-ovanje slika nije bas najbolja varijanta...
(fixed layout sa 1000px sirinom mu se nije svideo verovatno zbog praznina na visim rezolucijama).

Ima li ovde, u konkretnom slucaju, ijednog nacina da se sve dovede u red osim detekcije korisnikove rezolucije i serviranja slika i css-a u skladu s tim?

Nemam bas iskustva sa liquid dizajnom, ali znam da i u tom slucaju slike zadrzavaju originalne velicine, bas da se izbegne ''fuzzines''

, a prazine se popunjavaju background bojama itd... Medjutim, ovo je bas specifican slucaj (daleko od normalnog dizajna strane), i mislim da ta varijanta nece ici...

Pozdrav!

Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost

+23 Profil

Re: Liquid (?) dizajn problem

^{04.05.2011. u 08:54 - pre 157 meseci}

Iako su moja iskustava ravna nuli, da odgovorim pošto nema nikoga.
Umesto JavaScript-a za detektovanje rezolucije i serviranje sadržaja možeš kod modernijih browser-a da pokušaš sa CSS3 Media Queries, mislim i da postoje JavaScript rešenja koja omogućavaju i upotrebu kod starijih verzija browsera.
Možda je bolje umesto detektovanja rezolucije ekrana, da detektuješ širinu prozora browsera, ne koriste svi maksimizovane prozore, barem ja ne koristim, ali ja nisam ciljna publika :).
A što se tiče problema sa slikom, možeš probati sa malo kvalitetnijom slikom odnosno da ivice logoa budu oštrije, a ne znam kakve su mogućnosti tu SVG-a, Canvas-a ili Flash-a.

EDIT: Zaboravih da napišem možeš dodati detektovanje veličine prozora i na događaj onresize.

Pozdrav.

_{[Ovu poruku je menjao Br@nkoR dana 04.05.2011. u 10:20 GMT+1]}

^{Banned - Not available}

Odgovor na temu

kelja

Član broj: 70429
Poruke: 1416
*.dynamic.isp.telekom.rs.

+35 Profil

Re: Liquid (?) dizajn problem

^{04.05.2011. u 11:41 - pre 157 meseci}

Hvala, Branko.
Ici cu na dve fixed verzije... jedna za rezolucije do 1200 i jedna za one iznad... Dobio sam neki logo (.gif) isto jadnog kvaliteta, ali nesto bolje od ove verzije iz .psd-a. Inace, slike su tragicnog kvaliteta... nije to radio neki photoshop pro, vidi se... kao da je .pdf konvertovan u photoshop format, tako izgledaju slike...

Citat:

Možda je bolje umesto detektovanja rezolucije ekrana, da detektuješ širinu prozora browsera

Ma, za ove, pare... bice dovoljno ono gore navedeno... ;)

Odgovor na temu