Problem višine vrstic ob uporabi manjših fontov v HTML5

Pri izdelavi spletnih strani v HTML5 jeziku se velikokrat srečamo z uporabo manjšega besedila, ki običajno spremlja normalno besedilo vendar ni enako pomembno. Za uporabo manjšega besedila običajno uporabimo značko <small>, velikokrat pa se zgodi, da je dodeljena višina vrstice prezrta in se uporabi višina vrstica normalnega besedila. Zaradi tega se nam v vsebini dogaja anomalija v obliki večjega razmaka med vrsticami.

Beri naprej Problem višine vrstic ob uporabi manjših fontov v HTML5

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.

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

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.

Beri naprej CSS: funkcija calc()

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.

Beri naprej CSS Webkit prikaz vnosnih polj