MUNI framework
Dokumentace frameworku
- 01 - Použítí bez DevStacku dokumentace
- 02 - Rozjetí DevStacku dokumentace
- 03 - Adresářová struktura dokumentace
- 04 - Zdrojové soubory dokumentace
- 05 - Vyexportové soubory dokumentace
- 06 - Gulp tasky dokumentace
Design manuál
- 01 – Fonty ukázka
- 02 – Barvy ukázka
Atomy
Atomy jsou základní stavební kameny frameworku. Jsou to nejmenší součásti frameworku, které jsou dále používány v molekulách a organismech. Typově jsou to např. formulářové prvky, štítky, typografie apod.
- 00 – SK mini framework k implementaci s dokumentací
- 01 – Typografie k implementaci s dokumentací
- 02 – Grid k implementaci s dokumentací
- 03 – Formulářové prvky k implementaci s dokumentací
- 04 – Tlačítka k implementaci s dokumentací
- 05 – Ikonky k implementaci s dokumentací
- 06 – Odkazy k implementaci s dokumentací
- 07 – Stránkování k implementaci s dokumentací
- 08 – Sdílení k implementaci s dokumentací
- 09 – Meta informace k implementaci s dokumentací
- 10 – Datum k implementaci s dokumentací
- 11 – Tagy k implementaci s dokumentací
- 12 - Obrázky k implementaci s dokumentací
- 13 - Tooltipy k implementaci s dokumentací
- 14 - Scrollbary k implementaci s dokumentací
- 15 - Lightbox k implementaci s dokumentací
- 16 - Grafy k implementaci s dokumentací
- 17 - Embed video k implementaci s dokumentací
Molekuly
Molekuly jsou sloučeniny atomů a speciální struktury HTML. V našem případě je dále dělíme na formuláře, boxy, menu a výpisy. Molekuly v HTML poznáme na první pohled, protože jsou prefixované klíčovými slovy box-, form-, menu- či crossroad-, které jsou dále k nalezení v odpovídající složce.
Každá molekula má spodní odsazení 50px.
Pokud je potřeba upravit rozestupy, pak využijte prosím utilit classy z SK mini frameworku.
-
01 – Formuláře
- 01.01 – Standardní k implementaci s dokumentací
-
02 – Boxy
- 02.01 – Vyjádření klientů k implementaci s dokumentací
- 02.02 – Ankety k implementaci s dokumentací
- 02.03 – Záložky k implementaci s dokumentací
- 02.04 – Rozklikávací boxy k implementaci s dokumentací
- 02.05 – Výpis s ohraničením k implementaci s dokumentací
- 02.06 – S pozadím k implementaci s dokumentací
- 02.07 – Kód k implementaci s dokumentací
- 02.08 – Časové osy k implementaci s dokumentací
- 02.09 – Carousely k implementaci
- 02.10 – Mapy Mapy budou embed s dokumentací
- 02.11 – Vizitky k implementaci s dokumentací
- 02.12 - Galerie k implementaci s dokumentací
- 02.13 – Články k implementaci s dokumentací
- 02.14 – Události k implementaci s dokumentací
- 02.15 – Kategorie k implementaci s dokumentací
- 02.16 – Produkty k implementaci s dokumentací
- 02.17 – Hero boxy k implementaci s dokumentací
- 02.18 - Cookie lišta k implementaci s dokumentací
- 02.19 - Hero header k implementaci s dokumentací
- 02.20 - Pro neslyšící k implementaci s dokumentací
- 02.21 - Citace k implementaci s dokumentací
- 02.22 - Alternativní grafický modul k implementaci s dokumentací
- 02.23 - Filtry k implementaci s dokumentací
- 02.24 - Zvýrazněný box s nadpisem k implementaci s dokumentací
- 02.25 - Obal obsahu k implementaci s dokumentací
- 02.26 - Staré prohlížeče lišta k implementaci s dokumentací
-
03 – Menu
- 03.01 – Postranní menu k implementaci s dokumentací
- 03.02 – Horizontální navigace k implementaci s dokumentací
- 03.03 – Drobečková navigace k implementaci s dokumentací
- 03.04 – Doplňková navigace k implementaci s dokumentací
- 03.05 – Filtrace k implementaci s dokumentací
-
04 – Rozcestníky
- 04.01 – Obecný k implementaci s dokumentací
- 04.02 – Jednoduché k implementaci s dokumentací
Organismy
Organismy jsou větší části kódu, nejčastěji vznikají sloučením více různých molekul. V našem případě jsou organismy použity pro hlavičky a patičky.
-
01 – Hlavičky
-
01.01 – Standardní
- 01.01.01 – Typ 1 k implementaci s dokumentací
- 01.01.02 – Typ 2 k implementaci s dokumentací
- 01.01.03 – Typ 3 k implementaci s dokumentací
- 01.01.04 – Typ 4 k implementaci s dokumentací
- 01.01.05 – Typ 5 k implementaci s dokumentací
- 01.02 – Fixní k implementaci s dokumentací
- 01.03 – Minimalizované k implementaci s dokumentací
-
01.01 – Standardní
-
02 – Patičky
- 02.01 – Standardní k implementaci s dokumentací
- 02.02 – Minimalizované k implementaci s dokumentací
Ukázky poskládaných stránek
Poskládané stránky z komponent frameworku dle těchto wireframů
Stránky FF
Poskládané stránky z komponent frameworku pro Filozofickou fakultu dle těchto wireframů
Ukázky designových prvků. Neslouží k implementaci, ale pouze k ukázkám různých stavů apod.