Archive for the ‘Življenje’ category

Preprosti, raztegljivi stolpci v CSS

August 1st, 2010

Če ste kdaj želeli implementirati obliko strani, katere stolpci bi se raztegovali proporcionalno glede na širino strani, ste verjetno velikokrat naleteli na težave, kako pravilno raztegniti širine, razmake in velikosti črk. V tem članku si bomo ogledali, kako lahko uporabimo relativne dolžine za oblikovanje vsebin, ki se prilagajajo dimenzijam brskalnika.

Začnimo s klasično obliko strani – ta vsebuje glavo, stransko navigacijo in tri glavne vsebinske stolpce:

Oblika strani

» Read more: Preprosti, raztegljivi stolpci v CSS

Photoshop lekcija: Kako ustvariti stile za večkratno uporabo

July 3rd, 2010

Nazadnje smo si v Photoshop lekciji ogledali tehniko digitalne liposukcije. Tokrat se bom posvetil bolj razvijalsko-dizajnerski temi: uporaba učinkov za lažje delo z večjim številom podobnih elementov. Ogledali si bomo, kako lahko ustvarimo več podobnih elementov z minimalnim podvojevanjem in ohranjamo konsistenco med elementi in originalne datoteke znotraj iste PSD datoteke.

Za primer bom vzel Apple stil ikon, ki so zadnje čase tako oh in sploh popularne, ter pokazal postopek, s katerim sem izdelal ikone v fiktivni zbirki albumov:

iCover

Izvorne datoteke za prikazani primer so pripete na koncu objave.

» Read more: Photoshop lekcija: Kako ustvariti stile za večkratno uporabo

Intro: 5 na dan

March 8th, 2010

Na včerajšnji tekmi smo predstavili naš tehnološko najzahtevnejši intro z naslovom 5 na dan. Ogledate si ga lahko spodaj:

http://www.vimeo.com/9979045

Tekma sama je bila zelo zabavna; vedno radi igramo proti ekipi, kot je Veselička, ker se nekako vedno tekma izkaže za prijetno in sproščeno.

Kar se tiče pa videa samega, pa razmišljam, da bi prikazal še making of, ki bi bil hkrati tudi kratek tutorial za uporabo After Effects CS4, ampak o tem mogoče kdaj kasneje. :)

Digitalna liposukcija in silikon – kako se operirati v Photoshopu

January 2nd, 2010

Zadnje čase se malo več posvečam grafičnim programom Adobe Creative Suite paketa, zato sem se odločil par tehnik deliti tudi na tem blogu. Ne bom se sicer spuščal v detajle posameznih, ker namen ni napisati recepta, ampak prikazati način dela, ki se je meni v praksi obnesel. Ampak, da ne bom preveč govoril in premalo pokazal, bom najprej prikazal primerjavo začetnega in končnega stanja slike:

final

Čas izdelave: 30 minut (brez dokumentiranja posameznih korakov).

» Read more: Digitalna liposukcija in silikon – kako se operirati v Photoshopu

jQuery – uporaba live funkcij (event delegation)

December 27th, 2009

Če ste kdaj dinamično ustvarjali HTML kontrole, ste verjetno po klasičnem modelu pripenjali event handler funkcije na vsak element, ki ste ga ustvarili znotraj dokumenta. Če se vam je kdaj zdelo potratno iterirati po več elementih in na vsakega pripenjati funkcionalnost, se niste motili; obstajajo boljši načini. Pa si poglejmo, kako lahko takšne situacije razrešimo z bolj elegantno rešitvijo.

» Read more: jQuery – uporaba live funkcij (event delegation)