Rozcestník HTML šablon


Vývojové prostředí kodéra

Návod na instalaci stejného vývojového prostředí je možný prohlédnout zde.


Informace k HTML/CSS/JS

HTML a CSS je tvořeno pomocí metodiky BEM.

Na elementu <body> je pro homepage CLASS home pro ostatní strany dle potřeby.


JavaScripty

Všechny prvky, které jsou propojeny s JavaScriptem mají class popřípadě ID js-nazev-propojeni.


JS pluginy a jmenné prostory

Modernizr coding/js/_vendor-plugin/modernizr-custom.js
Licence MIT
Detekce vlastností prohlížeče. Dokumentace dostupná zde.

Lightbox coding/js/_vendor-plugin/glightbox.js
Licence MIT
Použit plugin GLightbox. Dokumentace dostupná zde.
Popis obrázků pro lightbox se vytváří přes HTML5 datové atributy.
Class "js-lightbox" je primární inicializace. Asociace fotografií do galerie se provede automaticky.
<a href="#" class="js-lightbox" data-description="Popis obrázku">

Scrollmagic coding/js/_vendor-plugin/scrollmagic-2-0-7.js
Licence MIT
Dokumentace dostupná zde.

Greensock coding/js/_vendor-plugin/tweenmax.min.js
GreenSock's standard "no charge" license
Dokumentace dostupná zde.

Swiper coding/js/_vendor-plugin/swiper-bundle.min.js
Licence MIT
Dokumentace dostupná zde.


Jednoduché komponenty
Licence WTFPL
Area coding/js/custom/area.js
Hamburger coding/js/custom/hamburger.js
Hidden coding/js/custom/hidden.js
In Touch coding/js/custom/in-touch.js
Location video coding/js/custom/location-video.js
Parallax location coding/js/custom/parallax-location.js
Scroll anchor coding/js/custom/scroll-anchor.js
Slider coding/js/custom/slider.js

Michal Přib

Senior Business Developer