Vrstvení Web Logo Vrstvení Web Kontaktujte Nás
Kontaktujte Nás
Tomáš Kučera, senior frontend architekt a specialista na sticky prvky a fixní pozicionování

Tomáš Kučera

Senior Frontend Architekt

Vrstvení Web s.r.o.

Specialista na chování přilepených prvků, fixní pozicionování a správu vrstvení bez konfliktů

O autorovi

Cesta webdesignem a frontend architekturou

Tomáš Kučera v moderní kanceláři pracující na frontend projektu

Jsem senior frontend vývojář a designér s 13 lety praktických zkušeností v oblasti moderního webdesignu. Během své kariéry jsem pracoval na projektech pro více než 150 českých a mezinárodních klientů, od startupů až po velké korporace. Specialista jsem se stal právě na implementaci složitých komponent s pevnou pozicí, přilepených prvků a řešení konfliktů vrstvení — věci, které na první pohled vypadají jednoduše, ale skrývají spoustu úskalí.

Můj zájem o frontend technologie vznikl během studií na Fakultě informatiky Masarykovy univerzity v Brně. Tehdy mě fascinovaly možnosti CSS a interaktivního designu. Po absolutoriu jsem začal pracovat v digitální agentuře Pixel & Co v Brně, kde jsem strávil 8 let a postupně se stal vedoucím frontend týmu. Zde jsem řešil desítky projektů, kde byla správná implementace sticky elementů klíčová pro konverze a uživatelský zážitek.

Zjistil jsem, že malé detaily v pozicionování mohou mít obrovský dopad. Fixní záhlaví, které se chová správně na všech zařízeních. Plovoucí tlačítka, která neblokují obsah. Postranní panely, které sledují čtenáře bez vizuálního chaos. To jsou věci, které mě fascinují. V Vrstvení Web s.r.o. teď vím tým frontend architektů a věnuji se edukaci dalších vývojářů. Chci, aby každý rozuměl tomu, jak správně pracovat se sticky prvky a viewport-anchored komponentami.

Specialista na

Klíčové oblasti odbornosti

Více než dekádu se zabývám nejsložitějšími problémy sticky prvků a fixního pozicionování

Fixní Záhlaví

Implementace záhlaví, která zůstávají viditelná při scrollování bez ztrát výkonu. Řeším problémy s transformacemi, změnami obsahu a chováním na různých zařízeních.

Plovoucí Tlačítka

Design a pozicionování call-to-action komponent, které jsou ukotveny k viewport. Zajišťuji, aby byla přístupná, neblokovala obsah a správně se chovala na všech rozlišeních.

Sticky Postranní Panely

Panely, které sledují čtenáře při scrollování. Kombinuji sticky a fixed pozicionování tak, aby komponenta zůstala viditelná přesně tam, kde je potřeba.

Správa Z-Index

Řešení konfliktů vrstvení bez chaos. Vytvářím prediktivní systémy vrstvení, které fungují i v komplexních hierarchiích s desítkami prvků.

Responzivní Chování

Sticky prvky na mobilech jsou tricky. Řeším viewport problemy, softwarové klávesnice a chování na různých zařízeních bez kompromisů.

Výkon a Optimalizace

Sticky prvky nesmí zpomalovat stránku. Optimalizuji paint, layout shifts a zajišťuji 60 FPS i na slabších zařízeních.

Kariéra

Profesionální cesta

2024

Senior Frontend Architect

Vrstvení Web s.r.o.

Vedení týmu frontend architektů. Navrhuji komplexní systémy sticky prvků, školím vývojáře a konzultuji pro nové klienty. Psaní odborných článků o best practices.

2016–2024

Lead Frontend Developer

Pixel & Co, Brno

Vedení frontend týmu v digitální agentuře. Řešil jsem desítky projektů pro e-commerce platformy, mediální weby a SaaS aplikace. Zaměřil jsem se na problematiku sticky elementů jako klíčové pro user experience a konverze.

2012–2016

Frontend Developer

Pixel & Co, Brno

Start kariéry po absolutoriu. Tvořil jsem HTML, CSS a JavaScript pro desítky projektů. Postupně jsem se zaměřil na CSS a pokročilé techniky pozicionování.

2012

Bc. Informatika

Fakulta informatiky Masarykovy univerzity, Brno

Bakalářské studium zaměřené na frontend technologie a interaktivní design. Zde se narodil můj zájem o CSS a web design.

Portfolio

Projekty a řešení

Více než 150 projektů pro české a mezinárodní klienty. Tady je výběr toho nejzajímavějšího.

150+

Projektů realizováno

13

Let v oboru

50+

Článků a tutoriálů

8

Let vedení týmu

E-commerce Platforma pro Fashion Brand

Klient: Česká módní značka s 500k měsíčními návštěvníky

Implementace komplexního sticky header systému s dynamickým chováním — záhlaví se skrývá při scrollování dolů a zobrazuje se při scrollování nahoru. Přidáno plovoucí tlačítko pro chat a sticky filtr v levém panelu. Řešil jsem konflikty z-index mezi modal dialogy a sticky prvky. Výsledek: zvýšení konverze o 12% díky lepší viditelnosti CTA.

Mediální Web s Dynamickým Sidebarem

Klient: Česká zpravodajská redakce s 2M měsíčními čteními

Sticky postranní panel, který sleduje čtenáře při čtení článku. Kombinoval jsem sticky a fixed pozicionování tak, aby panel zůstal v okně bez skoků. Implementoval jsem detekci konce článku, kdy se panel přestane chovat jako sticky. Na mobilech se panel transformuje do floating tlačítka. Řešil jsem problémy s softwarovými klávesnicemi na iOS a Android.

SaaS Dashboard s Multi-Layer Z-Index Systémem

Klient: Startupová SaaS aplikace pro project management

Vytvořil jsem CSS architektura pro správu vrstvení bez chaos. Dashboard má sticky toolbar, floating notifikace, modal dialogy a dropdown menu — všechny musely mít předvídatelné vrstvení. Zavedl jsem systém CSS proměnných pro z-index, který zabraňuje konfliktům i když tým přidává nové komponenty.

Mobilní-First Web App s Performantními Sticky Prvky

Klient: Fitness aplikace pro iOS a Android webové verze

Optimalizace sticky prvků pro mobilní zařízení. Řešil jsem problém s layout shifty, když se softwarová klávesnice iOS objevuje a mizí. Implementoval jsem IntersectionObserver API místo scroll event listeneru. Výsledek: smooth 60 FPS i na 3-4 roky starých telefonech.

„Tomáš je jediný frontend vývojář, kterého jsem potkal, který opravdu rozumí sticky prvkům. Neopravoval jsem po něm jeden problém. Je to rarity.”

— Pavel Novotný, CTO, StartupIO

Chcete si o mě přečíst více?

Zeptejte se mě na sticky prvky, fixní pozicionování nebo jakýkoliv frontend problém