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, …
Izbira tipografije ni enostavna stvar in zahteva veliko časa. S pomočjo inspiracije lahko izbiro bistveno pohitrimo, ostaja pa problem kje inspiracijo najdemo. “Font in Use” je spletni stran, ki vam bo mogoče rešila ravno ta problem.
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.