CSS: Kako ciljamo element, ki ima več točno določenih class-ov?

CSS: Kako ciljamo element, ki ima več točno določenih class-ov?

Uporaba CSS class-ov na posameznih HTML elementih je pri izdelavi spletnih strani ali aplikacij nekaj vsakdanjega. Vsak HTML element pa ima lahko tudi več različnih class-ov in tako se hitro znajdemo v situaciji, kjer moramo določen element spremeniti glede na pogoj, če element vsebuje več določenih class-ov.

Preberi
CSS: funkcija calc()

CSS: funkcija calc()

calc() je osnovna CSS funkcija za preproste matematične izračune, kot so nadomestilo vrednosti za dolžino ali katere koli druge številke. Na voljo ima štiri preproste funkcije, in sicer seštevanje (+), odštevanje (-), množenje (*) in deljenje (/). Funkcija calc() je v jeziku CSS precej dobrodošla, saj celoten jezik temelji na samih številkah.

Preberi
3.14 things I didn’t know about CSS – Mathias Bynens

3.14 things I didn’t know about CSS – Mathias Bynens

V predavanju z naslovom “3.14 things I didn’t know about CSS” nam Mathias Bynen predstavi vrsto zabavnih in prikritih CSS dejstev. V prezentaciji izvemo kaj vse lahko s pomočjo trikov v sintaksi CSSja, zvijačami, uporabo čudnih prijemov, vključevanja CSSja na različne načine dosežemo. Dotakne se tudi varnostnih ranljivosti, ki so omogočene z uporabo CSSja na nepričakovane načine.

Preberi
CSS Webkit prikaz vnosnih polj

CSS Webkit prikaz vnosnih polj

Testiranja spletnih strani na različnih napravah in brskalnikih so pokazala, da se v večini primerov posamezni elementi prikazujejo enako oz. z manjšimi anomalijami, ki niso preveč moteče. Edini večji problem pa nastane, ko začnemo testirati “native” elemente, kot so vnosna polja za iskanje, besedilu ali gumbe.

Preberi