Pseudo elementa :after in :before, sta elementa na katere pozabi večina spletnih dizajnerjev/coderjev, kar je zelo žalostno saj so možnosti katere ponujata naravnost awesome!
Preberi ostalo »
Arhiv za kategorijo ‘Oblikovanje’
CSS pseudo classes
{box-sizing: border-box}
Khm! Se vam je že zgodilo, da ste želeli da element zapolni vso širino, ki je na voljo (witdh:100%;)? Pri tem pa ste želeli, da bi vsebina tega elementa imela nekaj odmika od zunanjih robov (padding:10px;), če je odgovor pritrdilen, potem nisem edini ki mu izpadajo lasje.
Preberi ostalo »
LESS CSS
Less CSS je t.i. dinamični stilski jezik. Pravzaprav pa je “le”nadgradnja že vsem znaneg CSS jezika. Uporaba LESS je predvsem priročna pri večjih projektih kjer se veliko vrednosti podvaja čez celoten .css file.
Preberi ostalo »
Responsive Web Design – 1.del
Ta članek predvideva, da so vam osnove CSS-a poznane
“Responsive Web Design”…nova modna muha? buzzword? web 3.0?…Nič od tega!
“Responsive Web Design” je način oblikovanja spletnih strani, ki bi pravzaprav moral biti sama osnova načrtovanja in oblikovanja za splet, že od začetka.
Današnje razmere
Pred začetkom spletne revolucije je bila velika večina oblikovalcev t.i. DTP (desktop publishing) oblikovalcev, kateri so skrbno oblikovali fizične ter “z robom omejene” strani revij, časopisov, letakov ter drugih tiskovn. S prihodom internetnih strani, se je pogumni del oblikovalcev usmeril v oblikovanje za splet, kjer pa so spregledali zelo pomembno dejstvo.
Preberi ostalo »
Raztezanje flash ozadja glede na resolucijo okna brskalnika
Ste že videli aktivno ozadje na spletni strani in ste si ga enostavno želeli na svoji spletni strani? 
Postopek ni ravno zahteven, no, seveda je odvisno kakšne želje imate glede ozadja in kakšno je vaše znanje z flash animacijami, ampak tega sedaj ne bomo obravnavali, pogledali si bomo, kako že obstoječe flash ozadje vmestiti v spletno stran.
Pogoji za brskalnike Internet Explorer
Se vam je že kdaj zgodilo, da bi radi kakšne stvari prikazali oziroma popravili samo za brskalnik Internet Explorer ali mogoče samo za določene verzije le tega? To je mogoče s posebnimi “IF” pogoji, ki jih vstavimo v HTML kodo. Preko tega je na primer možno vstavljati posebne CSS datoteke za specifične popravke za Internet Explorer.
CSS3 gumb (brez Photoshop-a)
Cascading Style Sheets (kratica CSS) nam omogoča izgled spletnih strani, s katerim lahko določamo vizualno predstavitev spletnih strani. CSS3 je zadnji standard za CSS, kateri nam omogoča naprednješe oblikovanje. Na žalost pa CSS3 podpirajo samo novejši brskalniki.
Preberi ostalo »
Osveževanje velikosti iframe-a na različnih domenah
Ko potrebuješ prilagajanje velikosti iframe komponente, ki prikazuje vsebino z druge domene, lahko nastane problem, saj so pred kratkim zadevo zaradi varnostnih razlogov malo bolj zaprli, tako da iz parent-a ne moreš kar tako dostopati do vsebine iframe-a.
Na tem linku, so izumili (meni) edini uporaben trik, ki je po implementaciji resnično deloval.
Kakšen je trik? Preberi ostalo »
Dinamično nalaganje slik z jQuerijem
Zadnje čase sem na nekaterih straneh opazil, da se slike ne nalagajo kot je to v navadi ampak nekoliko neobičajno. Namesto slike se najprej prikaže kakšen preprosti gif, ki nakazuje, da se slika v ozadju nalaga. Takrat, ko se slika prenese v celoti, se gif zamenja z aktualno sliko. Na podoben način sedaj tudi google prikazuje slike, kjer ni treba več klikati na naslednjo stran, ampak se slike dodajajo na koncu seznama in dinamično naložijo. Preberi ostalo »