SVG

Scalable Vector Graphics tvorbu uživatelského rozhraní zjednodušuje, ale přináší i velmi zajímavé nové možnosti. Několikrát ročně proto také pořádáme prezenční kurz SVG.

„USE“ v SVG: klonování šetří čas a data

18. 3. 2018 v příručce <use> je takový PHP include pro SVG. V přímém důsledku umožňuje elegantně pracovat s ikonami a dalšími opakujícími se symboly.
Pokračovat…


Responzivní SVG

26. 6. 2017 v příručce

Další ukázka z e-booku „Vzhůru do (responzivního) webdesignu“. Jak bez hacků zařídit pružné zobrazování SVG ve všech prohlížečích? A jak na plně responzivní SVG s přizpůsobivým obsahem?

SVG řešení: hvězdičkové hodnocení

15. 3. 2017 v příručce

Hvězdičkové hodnocení se na webu používá děsně často. Před časem jsem kápl na moc pěkné řešení postavené na SVG vloženém do HTML.

Řešení: Vlastní výřezy obrázků pomocí SVG

30. 1. 2017 v příručce

Mám fotku a chci ji udělat specifický výřez v přímo v kódu. Pomocí CSS snadno zařídím kulatý, jenže co vlastní tvar?

SVG inspirace: efekty, animace, interakce, přechody a další udělátka

14. 9. 2016 v příručce

SVG posouvá hranice možností webdesignu, ale trápí mě jak málo se to ví. V tomto textu budu proto shromažďovat ukázky možností, které SVG nabízí.

Grunticon: SVG s vynikající zpětnou kompatibilitou

31. 3. 2016 v příručce

Pojďme se podívat na sadu nástrojů pro maximalizaci zpětné kompatibility SVG.

SVG fallbacky

8. 3. 2016 v příručce

Pojďme prozkoumat náhradní řešení pro prohlížeče, které neumí SVG.

SVG: vektorový formát, který na webu chyběl

7. 9. 2014 v příručce

Nezdá se to, ale SVG (Scalable Vector Graphics) je prastarý vektorový formát, jehož první standard pochází z roku 2001.

Martin Michálek

Autor: Martin Michálek

Nezávislý frontend designér s téměř dvacetiletou praxí a nadšením pro moderní webové postupy a technologie. Píše Vzhůru dolů, školí a je k dispozici pro konzultace. Více informací