Skip to content

Latest commit

 

History

History
49 lines (29 loc) · 1.11 KB

README.md

File metadata and controls

49 lines (29 loc) · 1.11 KB
Raw

leu-design-scaffold

Auschecken und Loslegen

  • Folgendes muss installiert sein: NodeJS mit NPM
  • Im Hauptverzeichnis: npm update

Starten und Entwickeln

Im Projektverzeichnis

webpack-dev-server

ausführen. Die Website aus html/index.html ist dann unter http://localhost:4000 erreichbar.

Dateien

  • webpack.config.js - Webpack Konfiguration für Dev-Server und Build
  • html/index.html - HTML Datei für die Website
  • src/ - Hier liegen die Quelldateien (SCSS) für die Website

Elementnamen

Bitte BEM (Block Element Modifier) Notation verwenden. Siehe https://en.bem.info/methodology/quick-start/

Den Namen von Section-Elementen mit tjs- Prefixen: z.B. tjs-header1

<section class="tjs-navbar1">
    <div class="tjs__logo">
        <img src="..." alt="...">
    </div>
</section>
  • Unterelement: tjs__<element> werden immer über die übergeordnete Klasse selektiert

Best Practices

Hintergrundbilder

Statt background-image: url() zu verwenden, sollte das Bild als <img> eingebunden werden und per object-fit: cover über den Container gestretcht werden.