Dynamické stĺpce pomocou flexbox
. Bez media queries!
Tu je pekný spôsob definovania dynamického počtu stĺpcov pomocou
flexbox
. A najlepšie na tom je, že nepoužíva žiadne media
queries!
Vyskúšajte zmeniť veľkosť okna prehliadača a pozrite sa, ako sa karty pekne zoradia na seba.
Ikona menu z text-decoration
Inšpirované
videom Kevina Powella
, toto je príklad jednoduchého tlačidla menu v štýle "hamburger" s
text-decoration
.
Počítadlo v čistom HTML
Malo ľudí vie, že počítadlo je možné vytvoriť len pomocou HTML. Toto je jednoduchý príklad, ako na to.
Magia sa deje pomocou atribútu data
, ktorý uchováva aktuálnu
hodnotu počítadla. Potom použijeme udalosť onclick
na jej
zvýšenie.
V udalosti onclick
najprv prevádzame hodnotu počítadla na číslo
pomocou operátora +
. Potom ju zvýšime o jedna. Pomocou čiarkového
operátora zahodíme priradenie a nastavíme textový obsah tlačidla na novú hodnotu.