Představení Frameworku Komenský CSS & JS

Framework Komenský je kolekce moderních a minimalistických CSS a JS knihoven navržených pro snadné a rychlé vytváření webových stránek s důrazem na jednoduchost a konzistenci.

• KomenskyCSS.css (Základní framework)
• KomenskyGalerie.css (Rozšíření pro galérie)
• KomenskyIkonky.css (Obohacení přes ikonky a okrasné písmo)
• KomenskyJS.js (JS knihovna pro galerii a minifunkce)

Použití

Názvy tříd jsou intuitivní a při class="Cervena" dostanete červený text. Je možné použít i jiné základní barvy včetně skloňování: class="Modry", class="ZlatyText" a podobně i pro další barvy jako Zluta, Modra, Fialova a třeba i podbarvení.. Názvy jsou vždy s velkým písmenem.

Třídy je možné libovolně kombinovat: class="Zeleny Tucny Podtrzeny Text". Možnosti jsou neomezené a můžou být i Stinovane.

K frameworku Komenský je k dispozici i CSS knihovna ikon a okrasných píem:
, , , a můžete z nich sestavit cokoliv: .

Grid Systém Komenský CSS

Grid systém v Komenský CSS je navržen tak, aby byl flexibilní a snadno použitelný. Umožňuje vám vytvářet rozvržení stránek s různými počty sloupců, které se přizpůsobují různým šířkám obrazovek.

Struktura Gridu

Grid systém je založen na řádcích (třída Radek) a sloupcích (třída Sloupec). Každý řádek může obsahovat až 12 sloupců. Velikost sloupců je určena třídami Sloupec-1 až Sloupec-12.

Příklad použití

Dva sloupce (6/6)

Tři sloupce (4/4/4)

Čtyři sloupce (3/3/3/3)

Šest sloupců (2/2/2/2/2/2)

JS Komenský

Javascriptová knihovka JS Komenský umožní vysouvací hamburger menu, je nutná pro galerií a umí spoustu užitečných funkcí.

Příklady použití obrázků a tvarů

Obrázek je možné zobrazit v geometrickém tvaru přes třídy: Kruh, Hexagon, Trojuhelnik, Ctverec, Obdelnik nebo prostě zarovnat vpravo či vlevo.

Ikonky

Možné libovolně kombinovat s velikostmi.

Třídy (class=""): Mala, Velka, Stredni, Slozka, Panacek, Prihlaseni, Napad, Kosik

Okrasná písmena:

Ikonky neustále přibývají, mezi další patří: