Štítek: CSS

Kód CSS animace

Zachycení událostí CSS animací v Javascriptu

CSS animace dokázaly na mnoha místech nahradit Javascript, který byl dříve jedinou schůdnou možností. Nejen pro svou jednoduchost jsou stále populárnější. Jenže co, když chci reagovat na jejich průběh? Podívejme se, jak na to.

Přečíst celý článek

CSS sprite jako v Compassu se Spritesmith

CSS sprite jako v Compassu se Spritesmith

Jak generovat CSS sprite a k němu přidružený Sass soubor stejně, jako to dělal Compass? Spritesmith nabízí tolik možností, že si lze vytvořit plnohodnotnou náhradu.

Přečíst celý článek

Compass-like mixins

Compass-like mixins

Ukázka několika Sass mixinů, které umožní používat stejné funkce jako v již zastaralém Compassu. A to vše pouze s čistým Sassem a dalšími Node balíčky do devstacku.

Přečíst celý článek

Mask a clipping v CSS

Mask a clipping v CSS

Mask a clipping jsou operace používané v digitální grafice pro kontrolu nad tím, které oblasti budou vykresleny. Pomocí CSS je můžeme aplikovat nejen na obrázky, ale v podstatě na libovolný element.

Přečíst celý článek

Gulp a SVG ikony

Systém SVG ikon s Gulpem

Alternativou k použití font ikon pro web jsou SVG sprity. Jak ušetřit čas a námahu při jejich tvorbě, si ukážeme v tomto článku.

Přečíst celý článek