min(), max(), and clamp() are CSS magic!

min(), max(), and clamp() are CSS magic!

CSS se je v zadnjih letih precej spremenil. Določene novosti, kot so npr min(), max() clamp() določena opravila naredijo bistveno lažja. Uporaba slednjih pri odzivnem oblikovanju pa slednje popelje na nov nivo, predvsem pri velikosti tipografije, “fluidnih” oblikah, …

Preberi
Poudarjanje besedila z HTML značko <mark>

Poudarjanje besedila z HTML značko <mark>

Za poudarjanje besedila običajno uporabljamo način “bold” ali pa s pomočjo značke <span> in nekaj CSSja besedilo ustrezno poudarimo. Seveda pa imamo pri HTML5 na voljo bolj semantično pravilno izbiro, ki ji pravimo <mark>.

Preberi
HTML znački <code> in <kbd>

HTML znački <code> in <kbd>

HTML znački <code> in <kbd> na prvi pogled izgledata enaki, saj sta brez dodatnega oblikovanja oba zapisana v monospace fontu. Vendar pa se semantično razlikujeta. HTML značka <code> se uporabljata za prikaz kratkega dela programske kode, medtem ko se HTML značka <kbd> uporablja za prikaz uporabniškega vnosa, ki je lahko tipkovnica, glas ali kateri drugi tekstualni vnos.

Preberi
Kako lahko pavziramo GIF?

Kako lahko pavziramo GIF?

Animiran GIF je na spletu zelo pogost pojav. Težava pa je, da nad njim nimamo kontrole oz. slednjega ne moremo ustaviti in ponovno zagnati po domače pavzirati. Posledično težko dosežemo tudi skladnost z predpisom “WCAG Success Criterion 2.2.2 Pause, Stop, Hide.”.

Preberi