PROBLEM SOLVING

Riešenie problémov, s ktorými som sa trápil posledné týždne.

FULLWIDTH PARALLAX PROBLEM

Biele čiary pod a nad obrázkami

Treba veľke obrázky na zakrytie celej plochy

Background-size:cover issue - problém so zisťovaním

skutočne zobrazenej veľkosti prehliadačom natiahnutého

obrázku

BEST PARALLAX EVER

Responsive parallax background images with content

centering and overflow

Neurčuje sa rýchlosť posunu, ale dôležite je, aby sa zobrazil

celý obrázok

podpora center modu, fullscreen a overflow

http://www.minimit.com/articles/lets-animate/parallax-

backgrounds-with-centered-content

EQUAL BOX HEIGHT

Nekompatibilita display:flex a celkovo problematické alebo

až nemožne riešenie využitím len css.

Viaceré problémy aj s novšími prehliadačmi

Jednoduchý custom JS nie je dosť na responzívne weby

RIEŠENIE

jquery.matchHeight

automatické nastavovanie výšok pre všetky vybrané elementy

pluginu si poradí aj s paddingom, borderom či vnorenými

elementami

Dá sa zapnúť aj pre každý riadok zvlásť

http://jqueryplugin.net/matchheight-js-responsive-equal-heights-

plugin-jquery/

RYCHLOSŤ NAČÍTANIA STRÁNKY

Načitávanie dát počas načítavania scriptov

http://typicode.github.io/pegasus/

ĎAKUJEM