MUNI framework
Dokumentace frameworku
- 01 - Použítí bez DevStacku dokumentace
- 02 - Rozjetí DevStacku dokumentace
- 03 - Adresářová struktura dokumentace
- 05 - Vyexportové soubory dokumentace
- 06 - Gulp tasky dokumentace
- 07 - Jak přidávat vlastní komponenty new
- 08 - Jak nastavovat proměnné - best practices new
- 09 - Commitování a sémantické verzování new
- 10 - Jak vydávat verze a changelog new
- 11 - Jak upgradovat/porovnávat verze a zjistit změny new
Design manuál
- 01 – Fonty ukázka FINAL
- 02 – Barvy ukázka FINAL
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 FINAL
- 01 – Typografie FINAL
- 02 – Grid FINAL
- 03 – Formulářové prvky FINAL
- 04 – Tlačítka FINAL
- 05 – Ikonky FINAL
- 06 – Odkazy FINAL
- 07 – Stránkování FINAL
- 08 – Sdílení FINAL
- 09 – Meta informace FINAL
- 10 – Datum FINAL
- 11 – Tagy FINAL
- 12 – Obrázky FINAL
- 13 – Tooltipy FINAL
- 14 – Scrollbary FINAL
- 15 – Lightbox FINAL
- 16 – Grafy FINAL
- 17 – Embed video FINAL
- 18 – Loading indikátor FINAL
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í FINAL
-
02 – Boxy
- 02.01 – Vyjádření klientů FINAL
- 02.02 – Ankety FINAL
- 02.03 – Záložky FINAL
- 02.04 – Rozklikávací boxy FINAL
- 02.05 – Výpis s ohraničením FINAL
- 02.06 – S pozadím FINAL
- 02.07 – Kód FINAL
- 02.08 – Časové osy FINAL
- 02.09 – Carousely FINAL
- 02.10 – Mapy Interně muni
- 02.11 – Vizitky FINAL
- 02.12 – Galerie FINAL
- 02.13 – Články FINAL
- 02.14 – Události FINAL
- 02.15 – Kategorie FINAL
- 02.16 – Produkty FINAL
- 02.17 – Hero boxy FINAL
- 02.18 – Cookie lišta Interně muni
- 02.19 – Hero header FINAL
- 02.20 – Pro neslyšící FINAL
- 02.21 – Citace FINAL
- 02.22 – Alternativní grafický modul FINAL
- 02.23 – Filtry FINAL
- 02.24 – Zvýrazněný box s nadpisem FINAL
- 02.25 – Obal obsahu FINAL
- 02.26 – Staré prohlížeče lišta FINAL
- 02.27 – Image bannery FINAL
- 02.28 – Intro boxy FINAL
- 02.29 – Otačivé boxy FINAL
- 02.30 – Boxy "ukaž více" FINAL
-
03 – Menu
- 03.01 – Postranní menu FINAL
- 03.02 – Horizontální navigace FINAL
- 03.03 – Drobečková navigace FINAL
- 03.04 – Doplňková navigace FINAL
- 03.05 – Filtrace FINAL
-
04 – Rozcestníky
- 04.01 – Obecný FINAL
- 04.02 – Jednoduché FINAL
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 FINAL
- 01.01.02 – Typ 2 FINAL
- 01.01.03 – Typ 3 FINAL
- 01.01.04 – Typ 4 FINAL
- 01.01.05 – Typ 5 FINAL
- 01.01.06 – Logo až k hornímu okraji FINAL
- 01.02 – Fixní FINAL
- 01.03 – Minimalizované FINAL
- 01.04 – Jazykové / uživatelské menu FINAL
-
01.01 – Standardní
-
02 – Patičky
- 02.01 – Standardní FINAL
- 02.02 – Minimalizované FINAL
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.