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.