Senke preko CSS-a

Jedna od glavnih fora sa dizajnom je i konstantan trud da sve bude savršeno, takozvani „pixel perfect design“. Upravo je to stavka koja odvaja profesionalce od wannabe dizajnera. Lično me nervira kada vidim da ljudi koriste raster i slike gde god im je to lakše. Kao prvo, jpg format nije baš web-friendly, takođe ni Gugl ne voli slike jer ne može da provali tako lako semantiku i značenje sadržaja, a još uvek nije ni zanemarljiva brzina čitavanja stranice (iako je širokopojasni Internet prilično „penetrirao međ’ narod“, sve više se koristi i mobilni Internet, gde opet treba ubrzati load.)

Dakle, umesto da zbog jednog prostog efekta senke komplikuješ sa Photoshopom i radiš neke slike koje posle jedva umuljaš u html, lepo naučiš par linija koda i sve završiš preko CSS-a.

Sama specifikacija tj. dragi nam W3C senke definiše na sledeći način:

.shadow {
	box-shadow: 3px 3px 4px #000;
}

Nastavite sa čitanjem

Advertisements

HTML i CSS injekcija kroz iframe

Odmah da se ogradim od primene ove skripte na maliciozne aktivnosti. Ovde je pre svega reč o developer skripti koja može biti vrlo korisna za real time kodovanje. Bukvalno se uneti kod instant prikazuje na browseru. Unostine kod u jednom prozoru i u realnom vremenu u drugom možete da vidite rezultate bez potrebe za refrešovanjem. Sjajna fora.

Pogledajte klip u kome je sve detaljno objašnjeno, a ovde možete da preuzmete javascript skriptu pomoću koje je sve ovo moguće.

Do sledećeg teksta 🙂