Dnes vyšel nový nástroj na prozkoumávání SVG filter efektů: Svgfilters.com. Nástroj umožňuje tvořit nové SVG filter efekty kombinací filtrových primitiv do orientovaného grafu, nebo načíst SVG dokument obsahující filtery a ty pak v grafu…
Archiv pro štítek: SVG
Používání SVG pro ikony nebo logotypy namísto PNG či GIF obrázků hájím kam vkročím, ale v jedné věci jsou bitmapy zlaté: V přizpůsobování šířce layoutu a zachování poměru stran.
Mám fotku a chci z ní udělat specifický výřez v přímo v kódu. Pomocí CSS snadno zařídím kulatý, jenže co vlastní tvar?
Pojďme prozkoumat náhradní řešení pro prohlížeče, které neumí SVG. Aktuálně se to týká jen Internet Exploreru ve verzi 8 a Android Browseru 2.3 a starších. V ČR to budou 2 – 4 % uživatelů.
V závěrečném díle o Lumines se podíváme na to, jak je vykresleno uživatelské rozhraní. Budeme se bavit o Reactu, pure komponentách a jak je to s podporou SVG v React.js. Na závěr si ukážeme drobné demo, jak pustit Lumines na serveru, a čeho se tím dá dosáhnout.
Lumines je dnes již klasická hra, která byla původně vyvinuta pro herní konzoli PSP. Od té doby vznikla spousta klonů a implementací. Ta následující je vytvořena za pomocí moderních JavaScriptových technologií: React.js, Flux a Immutable.js.
Plynulé transformace jednoho objektu do druhého patří k oblíbeným animačním technikám, přesto se ale v prostředí webu používají poměrně málo. Je to ale velká škoda, neboť s použitím SVG a SMIL, je to až trestuhodně snadné. V dnešním závěrečném dílu seriálu si ukážeme, jak morfovat mezi sebou nápis „PODZIM“ a několik dalších, podzim dobře reprezentujících tvarů, konkrétně dýně, klobouku čarodějnice a měsíce.
Krásné barevné listí na stromech, na zemi a zejména pak jejich krátká (ale také poslední) pouť z větví na zem je jednou z největších krás celého podzimu. Jak by takový listopad mohl vypadat v podání technologie SVG, si ukážeme právě dnes.
K podzimu nepochybně patří krásné barevné dýně. Ty dlabané halloweenské se k nám dostaly z anglosaských zemí, s výrazným nástupem po Sametové revoluci. Pojďme si nyní krok za krokem ukázat, jak si takovou pěknou dýni vydlabat (vyřezat) s technologií SVG.
Proč SVG používat? Jak detekovat jeho podporu v prohlížečích? Čím ho generovat? To vše v dnešním článku.