Tento web
Moje vlastní vizitka. Navržená a napsaná od nuly, bez šablony a bez JavaScriptového frameworku v prohlížeči. Stránky se generují předem, takže se načtou hned.
- Rok
- 2026
- Role
- Design i vývoj
- Typ
- Osobní web
- Jazyky
- Čeština a angličtina
Co jsem udělal
Úvod se 3D vrstvami
Nadpis střídá slova web, e‑shop, aplikace a AI asistent. Podle slova se vpravo přeskládají částice ve vrstvě Data, JSON ve vrstvě API i výsledek nahoře.
Dva jazyky z jednoho kódu
Všechny texty jsou v typovaných slovnících a komponenty sdílí obě verze. Čeština dostává pevné mezery za jednopísmenné předložky, aby nezůstaly na konci řádku.
Obrázky pro sdílení z kódu
Náhledy pro sociální sítě, favicon a ikony vznikají při každém sestavení webu, ve stejném písmu jako stránka.
Animace, které neruší
Plynulý scroll a obsah, který se odkrývá při posunu. Kdo má v systému omezené animace, dostane web bez nich.
Schovaná překvapení
Na webu jsou dvě. Napovím jen, že jedno je v konzoli prohlížeče.
Návštěvnost bez cookies
Měřím ji přes Vercel Web Analytics, takže web nepotřebuje lištu se souhlasem.
Technologie
- Základ
- Astro 7
- TypeScript
- CSS
- Animace
- Motion
- Lenis
- Three.js
- Build
- satori
- resvg
- astro:assets
- Provoz
- Vercel
- Web Analytics
Pod kapotou
Žádný framework v prohlížeči
Astro pošle hotové HTML a jen pár kilobajtů vlastního skriptu. 3D knihovna se stáhne až ve chvíli, kdy ji opravdu potřebujete.
Obrázky v moderních formátech
Screenshoty projektů se při buildu převedou do AVIF a WebP v několika velikostech. Prohlížeč si vezme tu nejmenší, která mu stačí.
Přístupnost
Ovládání z klávesnice, odkaz pro přeskočení na obsah a správné pořadí nadpisů.
Chcete něco podobného?
Napište mi pár vět o tom, co potřebujete. Ozvu se a domluvíme další postup.
Napsat mi