Aan de slag

  1. Installatie
  2. Configuratie
  3. Documentstructuur
  4. Pagina opbouw

Documentstructuur

Onderstaande snippet bevat de minimale inhoud van een uno-pagina:

<!DOCTYPE html>
  <html lang="nl">
  <head>
  <link rel="stylesheet" href="/node_modules/uno/dist/core/uno.css" media="screen" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  </head>
  <body>

  HIER KOMT DE INHOUD VAN JE PAGINA

  <script src="/node_modules/when/es6-shim/Promise.min.js"></script>
  <script src="/node_modules/systemjs/dist/system.js"></script>
  <script src="/node_modules/systemjs/dist/system.js"></script>
  <script>
  System.config({
    packages: {
      '/': {
        defaultExtension: 'js'
      }
    }
  });
  </script>
  </body>
  </html>
  • Uno bevat HTML5 elementen. Begin daarom altijd met de !DOCTYPE html declaratie.
  • Uno is mobile-first. Om de juiste weergave en touch zooming te garanderen voeg je de viewport meta tag toe aan de head
  • Voor oudere versies van internet explorer voegen we de meta tag x-ua-compatible toe aan de head, zodat deze zich altijd als de laatst beschikbare versie gedraagt.