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, …
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.
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.«.
CSS nam z uporabo atributa omogoča bolj natančno ciljanje datotek. Pobližje si oglejmo primer ciljanja slik, ki nam omogoča da določen stil iz CSS apliciramo samo na določen format slik ali še bolj natančno na samo določeno sliko.