Č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:
Velikokrat se zgodi, da pri večjem projektu naletimo na problematiko poplave raznih CSS pravil, za katere ne vemo, ali sploh vplivajo na izgled strani.
Prav za takšen scenarij sem napisal orodje, ki pomaga pri izolaciji nerabljenih stilov – skripto in ostale datoteke si lahko ogledate na tej strani.
Če bi želel kdo prispevati k izboljševanju skripte (le-to bom v prihodnje tudi nadgrajeval, trenutno je v stadiju koncepta/testiranja), naj mi pošlje sporočilo na moj email naslov.
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:
Izvorne datoteke za prikazani primer so pripete na koncu objave.
» Read more: Photoshop lekcija: Kako ustvariti stile za večkratno uporabo
Vir navdiha: 50 Lions @ Wikipedia
Tokrat sem se spet prekucnil na Wikipedio, ker sem, kot izgleda, izčrpal večino kombinatoričnih zmožnosti Web 2.0 name generatorja. 
Kar se tiče pa samega logotipa, pa se zavedam, da izgledajo bolj konji kot levi, ampak mi čas ni dopuščal, da bi povečal grive za boljši učinek.
© 2010 Krof Drakula · Proudly powered by WordPress & Green Park 2 by Cordobo.
Valid XHTML 1.0 Transitional | Valid CSS 3
Monty has blocked 156795 access attempts.
