Informace pro programátory, grafiky a kodéry

updated: 10. 12. 2018/projekt ASOLO

ladící hračky se zapnou v url parametrem d/nd (pamatují se v session)

postup práce (zapsán v souborech v prvním řádku komentu)

Poznámky k projektu

TweenMax slider: https://codepen.io/davide77/pen/vrRweK
BOOTRAP ////////////////////////////////////////////
bootstrap v4.0 se momentálne bere z:
 dist/css/bootstrap
 dist/js/bootstrap,

ale správne je v komponentech (není fcní composer)

BREAKPOINTS //////////////////////////////////////////////
.section - 100% (pro celoobrazovková pozadí)
.wrappper - maxwidth: 1439px
.container - bootstrap responz


puvodní grafika je 2@, 2878px, tj. real 50%, 1439px


IMAGES  /////////////////////////////////////////////////

RETINA!

nahrávají se do build/img ve dvojnásobné velikosti
vkládají se do kódu pomocí funkce img (build/function.php),
která vytvorí 1@ obrázek + vloží srcset

srcset + sizes
svg + png fallback
img + srcset + sizes

IKONY /////////////////////////////////////////////////////
svg sprite + png fallback (+retina fallback 50%)
sprite svg + png (via modernizr)


PREPROS (https://prepros.io/)
LiveReload
BrowserSync
scss (sass)  -> css
FTP upload

GULP
js
image optimize
svg sprites
svg2png fallback


Z-INDEX //////////////////////////////////////

modals: 9999;
otevrené menu
otevrený košík
otevrený user
otevrené hledání
menu: 9998; (menu)
fixed comparator: 9999 (main)
fixed hledání: 9999 (main)
slider:
body: 0


FONTS  /////////////////////////////////////////////////
font z typekitu

SLIDER /////////////////////////////////////////////////
slider prizpusobit obrazovce (výška prímo v js ve footer)

vrstvený slider

ANIMACE  /////////////////////////////////////////////////
postupné objevování textu/bloku
scrollmagic
tweenmax (zbytecne velké?)

nacíst další - pohyblivá šipka