Tomáš Novotný
Senior Expert na Interaktivní Webdesign
Specialista na dynamické osvětlovací efekty, sledování kurzoru a maskované odhalování obsahu
O autorovi
Více než 14 let v interaktivním webdesignu
Tomáš Novotný je senior expert s více než 14 lety zkušeností v oblasti interaktivního webdesignu a advanced CSS technik. Absolvoval Fakultu informatiky Masarykovy univerzity v Brně, kde se zaměřil na vizuální programování a uživatelské rozhraní. Věří, že krásný design a technická excelence nejsou v rozporu — naopak se navzájem podporují.
Jeho portfolio zahrnuje realizaci přes 200 projektů pro společnosti ze sektoru technologií, designu a e-commerce. Zejména se prosadil jako tvůrce inovativních dynamických efektů s ohledem na dostupnost a výkonnost. V současnosti vede tým interaktivních vývojářů v Lumina Reveal s.r.o., kde se věnuje pokročilým technikám sledování kurzoru a radiálního osvětlení.
Mezi jeho významné projekty patří redesign e-commerce platformy pro jednu z největších českých nákupních sítí, kde dynamické osvětlovací efekty zvýšily engagement uživatelů o 34 %, a řada interaktivních kampání pro technologické startupy. V Lumina Reveal s.r.o. vede inovační výzkum v oblasti fallback řešení pro dotyková zařízení a optimalizace výkonnosti komplexních světelných efektů.
Kariéra
Klíčové milníky a projekty
Počátky na Masarykově univerzitě
Během studií na Fakultě informatiky vytvářel své první CSS animace a interaktivní prvky pro lokální design agentury. Už tehdy se zaměřil na techniky, které by kombinovaly estetiku s dostupností.
Specialista na dynamické efekty
Postupně se specializoval na pokročilé techniky jako efekty sledující kurzor, dynamické radiální záře a maskované odhalování obsahu. Všechny jeho řešení klade důraz na bezpečnost, dostupnost a optimální výkon.
Redesign e-commerce platformy
Vedl realizaci redesignu e-commerce platformy pro jednu z největších českých nákupních sítí. Dynamické osvětlovací efekty zvýšily engagement uživatelů o 34 % a staly se vzorem pro další projekty.
Vedení týmu v Lumina Reveal
V současnosti vede tým interaktivních vývojářů v Lumina Reveal s.r.o. a zaměřuje se na inovační výzkum fallback řešení pro dotyková zařízení a optimalizaci výkonnosti komplexních světelných efektů.
Specialization
Oblasti zaměření
Sledování kurzoru a radiální záře
Specialista na tvorbu dynamických osvětlovacích efektů, které sledují pohyb myši a vytváří měkkou radiální záři. Efekty odhalují skrytý obsah v maskovaných oblastech a umožňují dramatické vizuální dopadům bez ztráty výkonu. Každé řešení obsahuje statickou náhradu pro dotykové zařízení.
Dostupnost a výkonnost
Každý projekt je vytvořen s ohledem na dostupnost a optimální výkon. Věří, že pokročilé techniky a WCAG compliance nejsou v rozporu. Zajišťuje, že komplexní světelné efekty zůstávají přístupné všem uživatelům bez ohledu na jejich hardware či připojení.
Klíčové dovednosti
Techniky a technologie
CSS & JavaScript animace
Pokročilé CSS techniky pro animace, přechody a transformace. Kombinace CSS a minimálního JavaScriptu pro plynulé efekty bez vlivu na výkon.
SVG masky a filtry
Použití SVG masek a CSS filtrů pro vytváření komplexních vizuálních efektů. Radiální gradienty a clipping paths pro odhalování skrytého obsahu.
Optimalizace výkonu
Zajištění hladkých animací i na mobilních zařízeních. Will-change, requestAnimationFrame a dalších technik pro minimalizaci lagů.
Fallback řešení
Elegantní statické náhrady pro dotykové zařízení a starší prohlížeče. Progressive enhancement přístup k zajištění fungování na všech platformách.
Dostupnost (WCAG)
Splnění standardů WCAG AA a WAI-ARIA. Zajištění, že interaktivní prvky fungují pro všechny uživatele bez ohledu na jejich možnosti.
Responzivní design
Mobile-first přístup s plnou podporou všech velikostí zařízení. Efekty se automaticky přizpůsobují obrazovce bez ztráty kvality.
Články a zdroje
Příspěvky a publikace
Tomáš pravidelně píše o interaktivním webdesignu a pokročilých CSS technikách. Zde najdete jeho nejnovější články a tutoriály.
Jak Vytvořit Sledovací Spotlight Efekt
Komplexní návod na vytvoření efektu sledujícího kurzor s dynamickou radiální zářícím osvětlením. Krok za krokem od HTML až po optimalizaci výkonu.
Dynamické Osvětlení bez JavaScriptu
Jak dosáhnout poutavých efektů pomocí čistého CSS. Gradienty, filtry a masky bez závislosti na JavaScript.
Fallback Řešení pro Dotykové Zařízení
Jak zajistit, aby interaktivní efekty fungovaly i na mobilech bez myši. Elegantní řešení pro statické náhrady.
Maskování Obsahu Radiální Zářícím Efektem
Technika odhalování skrytého obsahu pomocí radiální masky. Jak kombinovat SVG masky s dynamickými efekty pro poutavou uživatelskou zkušenost.
Zaujal vás interaktivní webdesign?
Prozkoumejte více o dynamických efektech, sledování kurzoru a moderních webových technikách. Nebo se podívejte na portfolio naší společnosti Lumina Reveal s.r.o.