Animate.css in Hover.css – CSS knjižnici

Animate-css-CSS-knjiznici

CSS se je v zadnjih letih precej spremenil. Efekti, ki so bili običajno možni samo s pomočjo JavaScripta so sedaj sestavi del CSS-ja. Temu primerno se je povečala tudi težavnost priprave CSS-ja. Zaradi tega so nam v situacijah, ko se nimamo časa igrati z vsemi možnostmi, ki jih ponujajo nove funkcije priročne CSS knjižnice Animate.css in Hover.css, ki nam omogočajo enostavno pregledovanje in kopiranje predpripravljenih efektov.

Beri naprej Animate.css in Hover.css – CSS knjižnici

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()