Med pregledovanjem spleta sem naletel na zanimiv primer, gumb, ki je imel prekinjeno obrobo. Rezultat je bil enak gumbu na sliki, avtor pa je to rešil s pomočjo JavaScripta in CSSja. Izbrana rešitev mi ni bila najbolj všeč, zato sem se lotil rešitve, ki uporabi samo CSS.
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, …
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>.
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.
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.”.