css-layout-hack.js je zanimiv trik, ki nam s pomočjo JavaScripta in CSSja omogoča, da označimo vse elemente strani. V praksi to pomeni, da lahko na hitro analiziramo gradnike katerekoli strani.
Oznaka: CSS
Klikni enkrat in izberi vse, klikni ponovno in izberi po svoje
CSS nas velikokrat preseneti, kako lahko s popolnoma enostavnimi triki dosežemo presenetljive rezultate. Eden takšnih je tudi efekt, klikni enkrat in izberi vse, klikni ponovno in izberi po svoje.
Beri naprej Klikni enkrat in izberi vse, klikni ponovno in izberi po svoje
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.
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, …
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.