1. Začínáme

Pro vývojáře

Soubor přepoužitelných HTML komponent pro usnadnění přípravy webů a aplikací MV.

Začínáme

Tento Design Systém vznikl jako soubor pravidel a přepoužitelných HTML komponent k přípravě webů a aplikací pro Ministerstvo vnitra (dále jen MV). Jde o stále se vyvíjející projekt, který by měl být dále doplňován o další styly a komponenty. Účelem projektu je zjednodušit práci vývojářům, kteří pracují na projektech MV. Používání Design Systému také zajistí konzistenci napříč všemi weby a aplikacemi MV.

Ke stažení

Stáhněte si zdrojové soubory, které jsou potřebné k vývoji portálů a webů MV. Archiv má následující obsah:

├── README.md
└── public/
    ├── css/
    ├── fonts/
    │   ├── icons/
    │   └── roboto/
    ├── images/
    ├── js/
    ├── scss/
    ├── index.html

Pokud potřebujete změnit zdrojové soubory, postupujte dle návodu uvedeném v souboru README.md.

Základní struktura HTML template

Pro použití Design Systému můžete vycházet z ukázkových HTML stránek, umístěných v archivu, nebo můžete použít připravené ukázky ze šablon stránek. Pro správné zobrazení je nutné dodržovat následující základní strukturu HTML:

<!DOCTYPE html>
<html lang="cs" class="js-no">
<head>
    <title>Titulek stránky</title>
    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" media="screen" href="/css/front.css">
    <link rel="stylesheet" media="print" href="/css/print.css">
</head>
<body>
    <!-- Content -->

    <!-- JS -->
    <script src="/js/front.min.js"></script>
</body>
</html>

Více informací o použití najdete u základních komponent:

Podporované prohlížeče

Weby a aplikace MV jsou optimalizovány pro prohlížeče:

  • Explorer - verze 11.0 a novější
  • Edge - poslední 3 verze
  • Chrom - posledních 10 verzí
  • Firefox - posledních 10 verzí
  • Safari - poslední 3 verze
  • iOS - poslední 3 verze
  • Android - verze 4.4 a novější