Zjistěte, jak vkládat SVG do stránky, optimalizovat soubory a na co si dát pozor v podkladech.

SVG grafika se nezdá, ale nabízí velké množství příležitosti k optimalizaci. Ikony, loga, pozadí nebo ilustrace můžete vkládat mnoha způsoby a také udělat řadu chyb už při jejich přípravě.

Ve videu očekávejte tipy a triky z praxe – žádnou teorii, kterou byste mohli nastudovat v tutoriálech.

Ukázka z videa

Bez spolupráce grafika nebo kontroly vstupních podkladů můžeme práci s SVG pokazit hned na začátku. V krátké ukázce z videa to říká Michal Matuška.

Obsah videa

  1. Vektorový zdroj a ohlídání kvality.
  2. Postprocessing optimalizace dat. SVGO a další nástroje. Automatizace ano nebo ne?
  3. Optimalizace implementace. Externí soubor, URL encoding nebo inline SVG?
  4. SVG tipy a triky: znovupoužitelnost, kaskáda v SVG, dědičnost a další.

Je to pro mě?

Pokročilí

Kurz je určený primárně profesionálním webovým vývojářům a vývojářkám. Měli byste umět používat SVG v běžné praxi.

Michal Matuška

Lektor: Michal Matuška

Michal je zkušený frontendový vývojář, který svými praktickými znalostmi pokrývá i hodně skrytá zákoutí CSS, JavaScriptu nebo SVG. Michal spoluzaložil brněnské SUPERKODERS, jejichž je technickým šéfem. Ve firmě se podílí na vývoji frontendu pro velké české firmy.

Více o lektorovi

Průměrné hodnocení 5,00 z 5 hvězdiček.
Na základě 16 hodnocení od 103 účastníků.

Obdivuji Michala za to, kolik toho dokáže nahustit do hodinového webináře.

Daniel Střelec – 20. ledna 2021

Michal prostě umí! Další jeho super kurz – tentokrát o SVGčku, který vydá za desítky článků.

Jan Bien – 20. ledna 2021

Velmi kvalitní a praktické informace. Obraz a zvuk byl ve skvělé kvalitě.

Kryštof Matějka – 30. září 2020