[ Marko Bijelic @ 07.09.2003. 11:24 ] @
Nakon jednog kraceg bloka instant komunikacije via Jabber, ja i koleza Zombie dodjosmo na ideju predstavljanja (ovdje) informacija vezanih za CSS nagradne konkurse.

U startu, rekao bih nekoliko osnovnih informacija vezanih za ovakve konkurse:

o Poenta u vecini slucajeva jeste ispoljavanja vlastih kreativnih sposobnosti i testiranja vlastitih (kreativnih i tehnickih) granica; drugim rijecima, dokle sezu vase znanje i sposobnosti
o Nagradjene ocekuje internacionalna popularnost i pomak u karijeri ;)
o Jos jednom, radi se za slavu (u zirijima ovakvih takmicenja znaju da se nadju neke od vodecih svjetskih persona na polju WD2), pare zaboravite
o Nagradni fond: uglavnom se tu nalaze knjige (iz oblasti Web dizajna) i/ili 'pokloni sa Amazonije'

Posle ovog, komotno mozemo da se bacimo i na nekolicinu aktuelnih takmicenja:


Fifteen.be - 1st annual redesign contest
Zadatak: Redizajnirati Homepage i Article template
Krajnji rok: 30. septembar
Nagrade: dvije knjige za pobjednika

Jeffrey Zeldman: "Designing With Web Standards"
Eric Meyer Eric Meyer on CSS


The SitePoint Community CSS Design Contest
Zadatak: Redizajnirati Homepage u CSS ruhu
Krajnji rok: -
Nagrada: -


Intersmash Design Challenge
Zadatak: Emulacija tehnike stampanih medija na Webu (dizajn jedne strane)
Krajnji rok: 12. septembar
Nagrada: $15 Amazon.com gift certificate


Tu su primjeri tri takmicenja koja su u toku, evo dva ranija primjera:

Know CSS? Want an iPod?
WThRemix - Redizajn W3C sajta
[ -zombie- @ 12.09.2003. 07:39 ] @
da.. kako kaže mungos, ovo je bilo zabavno ;)

elem, evo mog rada za intersmash challenge: http://zombie.codewalkers.com/css/intersmash-challenge-1.htm (fotku nisam ja birao, pa me ne zezajte za nju ;)

naravno i to je na engleskom, ali ako ima interesenata ovde, mogu da ga objasnim, i to detaljnije na srpskom.

nažalost, nisam uspeo da napravim da radi i u IE (ne znam ni da li može), ali u svim drugim browserima je fino. elem, možete sve lepo videti na ovim browsercam fotkama: http://www.browsercam.com/public.aspx?proj_id=19719


i usput mogu da vam kažem par stvarčica o ovom servisu browsercam.com. stvarno super radi, a genijalan je recimo baš za ovakve stvari. prijavite se besplatno, dobijete probni nalog (u trajanju od 8 sati), napravite projekat (unesete url vašeg sajta, odaberete browsere koje želite i rezolucije), i čekirate da je projekat javan, pa i posle isteka vašeg probnog naloga može svako pristupiti projektu preko url-a nalik onom gore..

have fun... ;)
[ tOwk @ 12.09.2003. 12:48 ] @
Citat:
-zombie-:
elem, evo mog rada za intersmash challenge: http://zombie.codewalkers.com/css/intersmash-challenge-1.htm

Tek sada vidim koliko je CSS2 i dalje nedovoljan za pravljenje rasporeda (pošto ne sumnjam da bi zombie to lepše rešio da je moglo, ali dve pojave slike i veštački prelom kolone su veoma ružni). Što je najgore, ni on nije u dovoljnoj meri podržan u vodećim čitačima.
[ -zombie- @ 15.09.2003. 02:29 ] @
da.. u pravu si.. naravno ja nisam pobedio (pobednik na http://www.intersmash.com/challenge/) ali i najbolje rešenje (iako je prostije, radi u IE i ima još neke prednosti u odnosu na moje) takođe koristi dve slike i veštački prelomljen text. mada, kao što rekoh, bar ovo drugo bi CSS3 uskoro trebao da ispravi...


a btw, zašto ne sumnjaš da bi ja to uradio da može bolje. pa ja još učim CSS (ali ga ipak znam bolje od takozvanih stručnjaka sa sitepoint.com koji su čak i knjigu napisali o njemuu, ali... to je već druga priča).

a ovo takmičenje je samo zabavan način da se to što lakše savlada ;)
[ CONFIQ @ 15.09.2003. 02:43 ] @
Ko kaže da radi pod MSIE? :)

idi na http://www.intersmash.com/challenge/one/ i klikni bilo od kojih <input-ovaa...

MSIE ne podržava:
XXX:focus niti XXX:hover :(, sem naravno A:hover....


~Say FiQ
[ tOwk @ 15.09.2003. 02:48 ] @
Citat:
-zombie-:
a btw, zašto ne sumnjaš da bi ja to uradio da može bolje. pa ja još učim CSS (ali ga ipak znam bolje od takozvanih stručnjaka sa sitepoint.com koji su čak i knjigu napisali o njemuu, ali... to je već druga priča).


Ma to se tako samo kaže — „kultura“ itd. — a zapravo sam ja pogledao CSS2 specifikaciju da vidim šta se može po tom pitanju bolje uraditi, i kad nisam našao ništa, kažem „verujem da ti znaš“ :-P
[ -zombie- @ 15.09.2003. 03:20 ] @
hehe.. baš ti hvala ;)

Citat:
CONFIQ:
Ko kaže da radi pod MSIE? :)

idi na http://www.intersmash.com/challenge/one/ i klikni bilo od kojih <input-ovaa...


mislim da si taj link video pre nego sam ga ispravio u http://www.intersmash.com/challenge/ ;)

znači, govorio sam o ovom pobedničkom rešenju http://www.intersmash.com/challenge/one/winner.html

e ono stvarno radi u IE ono što je traženo: da se text wrapuje lepo oko slike. uporedi to sa mojim rešenjem http://zombie.codewalkers.com/css/intersmash-challenge-1.htm


a i mislim da si malo pobrkao radi sa izgleda isto u svim browserima, i sve sitnice, i... po meni stranica radi ako je čitljiva i upotrebljiva u svim browserima. ako može još lepše da izgleda u nekim drugim, to je samo bonus. (i ne, ovde ne branim IE.. mislim da svi već znaju moj stav prema njemu ;)


btw, zaboravih da ukratko objasnim pobedničko rešenje. još je jednostavnije od mog i koristi jedan dummy (prazan) DIV koji je floatovan na istu stranu kao i slika. ali važno je da slika ima CSS property clear postavljen, koji govori browseru da element na kome je postavljen (u ovom slučaju IMG) treba da dođe posle prethodnog floatovanog elementa (a ne da se lepi na njega sa strane ako ima mesta).

nažalost, ovaj css property je slabo poznat kod ljudi koji uče CSS, verovatno zato što ne postoji ništa slično u HTML-u čemu bi pandam tražili u CSS spedcifikaciji. (ali i ne samo kod ljudi koji uče css, već i kod takozvanih stručnjaka koje sam već pomenuo u prethodnoj poruci...)