Dragan Babić designs for the Web at Superawesome

DevProJobs
YuManija - najbolji celebrity gossip blog na Balkanu!

Dnevnik ponovo u novom ruhu

Pošto sam po ko zna koji put obrisao bukvalno gotov, podugačak, detaljan post (ovaj put o ovom redizajnu) samo ću se na kratko osvrnuti na neke bitne momente koji su do njega doveli i šta ga je uzrokovalo uopšte.

Još uvek ne mogu da verujem da sam obrisao kompletan post, čak i pored lepe opcije „draft” koju ima Textpattern i koju ja retko koristim…

Šta je uzrokovalo redizajn?

Kompletan splet okolnosti. Već sam pisao o tome kako me je prethodni dizajn „gušio” da se tako izrazim, jer mi nije dozvoljavao postovanje unosa od dve rečenice, već su svi morali da imaju uvod određene dužine, pa tek onda kompletan članak. U suštini to se nije promenilo mnogo, ali je daleko fleksibilnije sve sada, i vizuelno laganije za oko.

Pored ovoga tu je i revamp „ispod haube” koji je uključio pojednostavljivanje i markupa i css-a i Textpattern kôda, koji su bili jedna obična perverzija. Kao da sam pokušavao da vidim koliko ću moći sam sebe da zbunim, e, na to mi liči taj stari kôd sada kada pogledam. Ima još malo da se čisti, ali sada je situacija mnogo bolja.

Na kraju moram da pomenem kao glavna dva razloga za redizajn: liquid layout i unutrašnje stranice.

Prošli layout je bio liquid jer sam u to vreme dosta učio o njima, i gde boljeg zamorčeta od svog bloga za igranje? :) Enivej, odlučio sam da je liquid dizajnima ipak mesto u interfejsima aplikacija i kod nekih sajtova koji ih baš zahtevaju. U poslednje vreme sam u fazonu kontrole, pogotovo kada dođe do slika i sadržaja fiksnih dimenzija koji se uključuje u liquid layout. To je jednostavno jako teško izvući.

Ne znam da li ste primetili uopšte, ali dizajn unutrašnjih stranica (manje-više sve koje nisu home page) nikada nije bio finaliziran. :) Jednostavno sam na njih u desnu kolonu nabacao nekog sadržaja i kao vozi, srediće se „u hodu”. Da, vidim kako se sredilo. :)

Sada ta desna kolona služi drugoj svrsi, a nju ćete imati prilike da vidite u novim postovima (kao i u ovom) kroz neke nove forice sa ilustracijama.

Šta je postignuto sa novim dizajnom?

Jednostavno daleko udobnije se osećam sa ovim dizajnom. Veoma sam uspaljen oko integracije Twittera u header oko koga mi je pomogao – naravno – Ilija i napravio bolji script za parsanje Twitterovog feeda od nekog štrokavog kojeg sam ja našao na netu.

Takođe logo je nov, „rebrendirao” sam ga. :) Počeo sam da se ježim na onaj zeleni bargain sticker, a žao mi je, obožavam taj element.

U globalu to je to, ali ima još da se pegla. Work in progress, kao i uvek do sada. Nadam se da ću večeras konačno spavati normalno i da ću nastaviti sa poslom jer u proteklih nedelju dana nisam ništa mogao da radim osim ovoga.

Eto, procunjajte, procenite, u suštini nije ništa toliko novo, pa ostavite koji komentar ako imate baš neodoljiv poriv da to uradite. ;)

Feed za komentare na ovaj članak Komentari na ovaj unos 26

  1. Ivan Minic kaže 09/03/07 04:51 AM

    Ok. This scares me. Kako je belo.. uh… ne naviknut…

  2. Dragan Dinić kaže 09/03/07 08:56 AM

    A ja mislio ti radis nesto ozbiljno(DND na ICQ-u vec danima :))

    Elem, mozda je vreme da predjes na Word Press, nova verzija ima autosave opciju, tako da ne mozes da omanes kao kod TP-a sinoc. I meni se desavalo to, da izgubim kompletan post zbog toga sto me neko cimne, pa otvorim greskom neki bookmark ili sta vec.

    Elem, malo su boje na ovom novom dizajnu cudne, sve mi je nesto u onom „crno beli svet” fazonu … valjda treba vremena da se naviknemo, a ti to menjas mnooogo cesto bre :)

  3. Eniac kaže 09/03/07 09:15 AM

    Dobroooo….prezivecemo… trebace par meseci da se naviknemo taman do sledeceg redesigna :D

  4. Dušan Dželebdžić kaže 09/03/07 09:22 AM

    Uf, stvarno blješti. Da nisam tekst prethodno pročitao u netvibesu, prvi susret sa novim dizajnom bi bio bolan ;)

    +1 glas za dinketov predlog, posle godinu dana borbe sa TXPovom nedovršenošću i nelogičnostima prešao sam na WP, i najzad se osećam kao kod kuće.

    P. S. Ubuduće koristi CTRL-K umesto CTRL-E. Manja je mogućnost da omašiš a, koliko vidim, radi istu stvar :)

  5. Dušan Dželebdžić kaže 09/03/07 10:02 AM

    P. P. S. Ne radi link za komentare, na naslovnoj strani.

  6. pitchweis kaže 09/03/07 10:22 AM

    Meni se svidja bela varijanta. Takodje jako mi se svidja i ona koju si ima na engleskoj verziji. Dnevnik brend ti stače ize headera ff 2.0.0.2.

  7. Mladen Jablanović kaže 09/03/07 10:28 AM

    DnevnikEklektika: Polar Edition.

  8. Dragan Babić kaže 09/03/07 10:53 AM

    Draganov komentar

    @ Dinke i Dušan Dželebdžić:

    LOL @ Wordpress, nikad! TXP je zakon, samo eto, human error hebiga. Samo treba ovladati modelom njegovim (valjda se to tako kaže?), to kako on hendluje sekcije, kategorije, itd. To je stvarno konfuzno. Ako bih prelazio na nešto to bi bio ExpressionEngine. Ispravljen link ka komentarima sa home pagea, fala.

    @ pitchweis:

    Mislim da ti je ostalo keširano nešto. Force refresh: Ctrl +F5.

    @ svi:

    Hvala na komentarima, nadam se da ćete se navići brzo. :)

  9. Marko Bijelić kaže 09/03/07 10:55 AM

    Codaname: Cocaine :)
    Meni je jutros baš fino legla ova promjena.

  10. Ilija Studen kaže 09/03/07 10:58 AM

    Hoćeš da ljudi oslepe? Tu ih navikavaš na tamno pa onda bam, onako mučki, samo ih zablesneš... Nenaviknute…. Cccc :D

    Ja više volim varijante sa belom pozadinom. Zato uvek preferiram čitanje unosa u agregatoru. Daleko od toga da je prošli dizajn bio loš ili bilo šta slično tome – ovo je jednostavno udobnije za čitanje IMO.

    Pošto si stvarno dosta uložio u sve prethodne verzije sajta zašto ne napraviš posebnu stranicu gde ćeš ih prikazati. Mali screenshot, objašnjenje i link ka screenshotu cele stranice?

  11. Dragan Babić kaže 09/03/07 11:03 AM

    Draganov komentar

    E o tome sam razmišljao naravno, obzirom da imam sve dizajne sačuvane (u kakvom-takvom stajnu), ali ne znam kako to da uradim… :)

  12. Ilija Studen kaže 09/03/07 11:04 AM

    Samo treba ovladati modelom njegovim (valjda se to tako kaže?), to kako on hendluje sekcije, kategorije, itd.

    Da, kaže se model, ali tu postoji jedno bitno pravilo – model aplikacije može biti složen koliko god je developerima volja, ali način na koji ga ljudi koriste mora da bude što približniji njihovom mentalnom modelu (tj. načinu na koji korisnik očekuje da aplikacija radi). Ili prevedeno na srpski: korisnik ne bi trebao da bude upoznat sa načinom na koji aplikacija barata podacima (njenim modelom) da bi je uspešno koristio.

    Tu TXP pada na ispitu. One što me čudi je što ljudi često pokušavaju da urade nešto sa njim zašta on jednostavno nije ovoljno fleksibilan pa se na kraju sve završi na hakeraju kome niko živ neće moći izaći na kraj kroz koji mesec. No, to je već druga priča ;)

  13. Ilija Studen kaže 09/03/07 11:09 AM

    Eh, da… Sorry za spamovanje i za prethodni post. Počeo Ilija da serucka o teoriji razvoja softvera, a niko ga ništa nije pitao :) To je tema kojom se bavim u zadnje vreme pa sam morao.

    ali ne znam kako to da uradim

    Evo ga moj predlog: Jedna HTML stranica, ništa fancy. Mali screenshot, kratak opis (pobude, korišćene tehnike, utisci posle nekog vremena), vreme od kad do kad je bio u funkciji i slični, osnovni podaci. Klik na screenshot otvara screenshot cele stranice (najobičnija slika). Sasvim dovoljno IMO.

  14. Dragan Babić kaže 09/03/07 11:16 AM

    Draganov komentar

    Aj kad smo se već raspisali, primetio sam da google više ne prikazuje AdSense reklame ovde. Šmrc. :(

  15. kalkulus kaže 09/03/07 11:24 AM

    vrlo fino deluje. prethodni dizajn je bio vishe u web 2.0 fazonu, ako se to tako moze nazvati, ovo je vec ozbiljnije i prva strana nije toliko natrpana

    na tren sam se istripovao poshto mi je opera prvo povukla css iz kesha i dobio sam neku nakaradnu meshavinu novog i starog dizajna. F5 je reshio stvari :)

    btw neshto mi cudno prikazuje dugmice za komentar, kao da imam 2 teksta jedan preko drugog

  16. Dragan Babić kaže 09/03/07 11:26 AM

    Draganov komentar

    @ kalkulus:

    Force refresh će ti rešiti stvar. Baš sam pre koji minut čačkao nešto oko toga, sorry. :)

  17. Dragan Babić kaže 09/03/07 11:35 AM

    Draganov komentar

    @ kalkulus:

    Nije do toga, Opera je opet svojeglava. Neće da skloni tekst. Još jedan „Fix xyz in Opera” ToDo item…

  18. Pedja kaže 09/03/07 02:07 PM

    <cite>Codaname: Cocaine :) </cite>
    Oo je odlicno :))

    Kao i Dusan, da nisam u RSSu procitao o cemu se doziveo bi opasan emotivan shock pri otvaranju strane. Na prvu mi se dopada, mnogo je laksi za citanje i mnogo vise Pro.

    P.S
    Pala mi na pamet ideja za jedan post. Da li treba shockirati citaoce pri ovakvim radikalnim promenama u redizajnu ili pre ici na postepeno menjanje. I kakav impact to moze imati na blog :)) (ne uzimajte me previse ozbiljno, kenjam.. :-]

  19. Dragan Babić kaže 09/03/07 02:11 PM

    Draganov komentar

    He, prošli put sam samo opalio redizajn, bez ikakvih najava i šuškanja. Mislim da nikom čak nisam ni rekao da radim na redizajnu (Ilija je možda znao?). Dobiješ malo na „punchu”, onako kad se najavljuje nešto sto godina zna da se izjalovi jako. Kada to zavisi samo od mene onda sam siguran da baš želim to da uradim, i da ne radim samo zato što sam najavio.

  20. Mladen Jablanović kaže 09/03/07 04:29 PM

    Nije lepo da samo ti imaš avatar. :) Šta misliš o podršci za gravatare? http://site.gravatar.com/

  21. Dragan Babić kaže 09/03/07 04:32 PM

    Draganov komentar

    Jedna verzija dnevnika je imala podršku za gravatar, ali se ispostavilo da je besmisleno jer ih jako malo ljudi ima. Neka moja druga ideja je bila da se povuče favicon ukoliko je popunjeno „http://” polje, a ako nije da se prikaže neka defaultna grafika, ali to je na žalost van moje moći. :)

  22. Denis kaže 09/03/07 05:52 PM

    Yay! Definitivno napredak u odnosu na predhodnu verziju. U potpunosti razumem problem sa kontrolom u vezi slika i generalno kod fluidnog layouta. Kako god, zasad jedina primedba bi bila da povecas text size u komentarima i jos ponegde kako se ne bih osecao matoro kada ga sam povecavam :)

  23. Dragan Babić kaže 09/03/07 06:33 PM

    Draganov komentar

    Slažem se sa sugestijom, hteo sam da diferenciram tekst komentara od teksta unosa, ali način na koji sam to uradio (smanjenjem veličine fonta) izgleda nije najsjajniji. Poradiću na tome zajedno sa ostalim ispravkama koje pravim u hodu.

  24. Pavle kaže 18/03/07 06:22 PM

    Zar u FF-u kad se ode na History>Recently closed tabs ne ostaje sve sto je napisano u input-ima? ili ja imam neku ekstenziju :\
    (evo sad sam probao i ostao mi je komentar :) )

  25. Dragan Babić kaže 18/03/07 08:30 PM

    Draganov komentar

    @ Pavle:

    Jebem li ga, meni nekada ostane a nekada ne. Nemam pojma stvarno o čemu se radi, od sada koristim textarea backup Greasemonkey skriptu.

  26. Aleksandar kaže 20/03/07 12:11 AM

    Au bre…kakav šok. Ova fora sa twiterom na vrhu je dobra – prvo sam mislio da je uvod u najnoviji post, a onda vidim ispod da nije. Tek ono vreme ispod je razjasnilo.
    Baš mi se sviđa, svaka čast.

Komentari su zatvoreni za ovaj unos.