Vytváříme fluidní mřížky fotografií, elegantní lightbox overlaye a optimalizované načítání obrázků. Všechno bez komplikací.
Implementovaných galerií
Komplexních tutoriálů
Technických průvodců
Spokojených návštěvníků
Design Studio Pro
Creative Agency
Portfolio Hub
Web Solutions
Digital Works
Fluidní galerie se přizpůsobuje šířce obrazovky bez toho, aby se fotky zkreslily. Miniatury se automaticky přeuspořádají podle dostupného místa. Není potřeba psát mediální dotazy pro každý breakpoint.
Používáme čisté CSS a JavaScript. Lightbox je vlastně fullscreen overlay s rozšířeným obrázkem. Navigace klávesnicí (šipky, ESC) a gesty na mobilu (swipe) vše funguje bez závislostí.
Líné načítání (lazy loading) znamená, že obrázky se načítají až když se k nim přiblížíte. Takže první načtení stránky je mnohem rychlejší. Jsou tu i placeholdery a progresivní zatížení.
Popisky mohou být pod fotkou, v rohu, nebo na overlay. Každý přístup má výhody. Hlavně je důležité, aby neblokoval obsah a aby byl čitelný. Jsou tu konkrétní strategie pro každý design.
Jde to. Používáme progresivní vylepšování, takže galerie funguje i bez JavaScriptu. Lightbox se v starších prohlížečích chová trochu jinak, ale fotky se pořád dají otevřít.
Prozkoumejte naše nejčastěji čtené průvodce. Všechno co potřebujete vědět o vytváření krásných a funkčních galerií.
Jak navrhnout miniatuní mřížku, která se přizpůsobuje všem velikostem obrazovek bez ztráty proporcí nebo estetiky.
Číst více
Postup pro implementaci elegantního lightbox efektu s hladkými přechody, klávesnicí a gesty na mobilu. Vše bez externích knihoven.
Číst více
Strategie pro načítání obrázků jen když jsou potřeba. Vaši návštěvníci se těší na rychlejší načítání stránky a méně spotřeby dat.
Číst víceMáte otázky nebo chcete poradit s konkrétním projektem? Naše tým je připraven pomoci vám vytvořit krásnou a funkční galerii.
Kontaktujte nás