Kako ustvarimo gumb, ki ima prekinjeno obrobo

Kako ustvarimo gumb, ki ima prekinjeno obrobo

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.

Preberi
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
No-Class CSS

No-Class CSS

No-Class CSS je zanimiva logika uporabe CSS-ja. Lahko bi rekli, da gre za neke vrste CSS framework, ki ne uporablja nobenega class-a. Oblikovanje oz. stil se doda na sam HTML, pogoj je seveda, da je naš HTML semantičen.

Preberi
CSS lahko vpliva na bralnike zaslona

CSS lahko vpliva na bralnike zaslona

V svojem raziskovanju je Ben Myers odkril nekaj zanimivih primerov, kjer CSS popolnoma spremeni tisto, kar povejo bralniki zaslona. Npr. nekateri bralniki zaslona bodo zaradi uporabe CSS značke »text-transform: uppercase;« na gumbu »Add« slednjega prebrali, kot kratico »A.D.D.«.

Preberi