Multimedia-Programmierung: Best Practices

Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen nur teilweise:

Korrektheit: 4
(großteils überprüft)

Umfang: 1
(zu gering)

Quellenangaben: 1
(fehlen großteils)

Quellenarten: 3
(gut)

Konformität: 3
(gut)

CSS

CSS-Code wird niemals explizit in den HTML-Code eingefügt (weder in HTML-Tags noch mittels des style-Elements). Er wird immer in CSS-Dateien bereitgestellt, die eindeutig benannt sind. Die Namen ändern sich im Laufe der Zeit nicht.
Im HTML-Header-Bereich wird eine zentrale CSS-Datei eingebunden. Diese ist klein und sorgt im Wesentlichen dafür, das der Bereich „above the fold“^[1], also der Bereich, der im größten denkbaren Monitor zu Beginn zu sehen ist, korrekt dargestellt wird.
Die restlichen CSS-Dateien werden bei Bedarf dynamisch mittels JavaScript eingebunden.
Verschiedene HTML-Seiten teilen sich möglichst viele CSS-Dateien. Eine CSS-Datei, die unter einem eindeutigen Namen vom Browser einmal geladen wurde, wird üblicherweise im Browser-Cache gehalten und muss daher kein zweites Mal geladen werden, wenn sie nochmals verwendet wird.
CSS-Dateien werden in komprimierter Form ausgeliefert (d. h. überflüssige Kommentare, Leeerzeichen und Leerzeichen werden entfernt). Die Komprimierung erfolgt automatisch mittels des besten verfügbaren CSS-Komprimierungs-Tools.

JavaScript-Code wird niemals explizit in den HTML-Code eingefügt (weder in HTML-Tags noch mittels des script-Elements). Er wird immer in JavaScript-Dateien bereitgestellt, die eindeutig benannt sind. Die Namen ändern sich im Laufe der Zeit nicht.
Die script-Tags zum Einbinden von JavaScriptdateien stehen am Ende der Datei vor dem schließenden body-Tag.
Es ist auch üblich, bestimmte JavaScript-Datein erst bei Bedarf dynamisch mittels JavaScript nachzuladen.
JavaScript-Dateien werden in komprimierter Form ausgeliefert (d. h. überflüssige Kommentare, Leeerzeichen und Leerzeichen werden entfernt; Variablennamen, Funktionsnamen, Parameternamen werden durch kürzere Namen ersetzt, soweit dies möglich ist). Die Komprimierung erfolgt automatisch mittels des besten verfügbaren JavaScript-Komprimierungs-Tools.

Definiere so wenig globale Größen (Variablen und Funktionen) wie möglich, am Besten gar keine.
Greife auf so wenig globale Größen wie möglich zu, am besten auf gar keine.
Verwende keine Konstanten im Code, es sein denn, diese können sich garantiert nie ändern.
Teile das eine Anwendung in Module ein:
- Jedes Modul steht in einer eigenen Datei.
- Jedes Modul erfüllt am Besten genau eine wohldefinierte Aufgabe.
- Jedes Modul greift auf möglichst wenige andere Module zu.

Füge in JavaScript-Code stets alle notwendigen Strichpunkte ein (auch wenn JavaScript fehlende Strichpunkte oft automatisch ergänzt), da anderenfalls der Code nach ein Komprimierung, bei der überflüssige Leerzeichen und Leerzeilen entfernt werden evtl. nicht mehr funktioniert.