SVG

Scalable Vector Graphics přináší do tvorby uživatelských rozhraní jednu z největších inovací za posledních deset let.

Obsah

1. Úvod do SVG
   Základní rysy a proč jej má smysl využívat. Způsoby vložení do stránky. Fallbacky. Srovnání s alternativami.
2. Základní prvky SVG kódu
   Tvary. Barvy. Gradienty. Vkládání textu. Viewport, viewbox.
3. CSS úpravy SVG
   Speciální vlastnosti stylů pro práci s vektory.
4. SVG filtry
   Legrace, kterým by Photoshop mohl závidět. Uděláte je přímo v kódu.
5. Transformace
   Proč fungují jinak než v CSS a jak je používat?
6. Animace
   Rozhýbejte to pomocí JS, CSS nebo SVG.
7. Responzivní SVG
   Co když se obrázek zvětší nebo zmenší?
8. Praxe: nástroje, tipy a triky
   SVG z Photoshopu, Illustratoru. Grunt/Gulp pluginy. Kompatibilita vlastností. Výkon.

Spokojení účastníci

• Robert Šmol, StereoIT :

  „Na Michalovi je vidět, ze má s SVG dlouhodobé zkušenosti, vše celkem dobře vysvětlil a byl to příjemný den.“

• Václav Rasendorfer :

  „Obzvláště bych chtěl ocenit profesionální znalosti, přístup školitele a přehlednost kurzu.“

• Tomáš Brzek :

  „Školení SVG doporučuji všem, kteří váhají, zda a jak začít s SVG.“

• František Bouška, Avast :

  „Velkým přínosem kurzu jsou i výborně zpracované příklady, na kterých si vše člověk doma rychle osvěží.“

• Ondřej Vasil, Kentico :

  „Školení bylo velice poutavé a znalosti jsme hned přenesli dále do týmu.“

• Michal Marek :

  „Školení mi bylo velkým přínosem. Propojilo mé dosavadní zkušenosti s použitím SVG a o velký kus je prohloubilo.“

Navazující školení

Školení doporučujeme v návaznosti na Dnešní webovou kodéřinu. SVG významně využijete i pro Responzivní design. Na druhé školení dostanete desetiprocentní slevu.