Systemanforderungen
Der Styleguide definiert den visuellen Aufbau einer Webpräsenz zur Darstellung im Browser. Im Rahmen der Systemanforderungen wird daher nur auf die darstellende Clientschicht, die Browser, eingegangen. Der Styleguide nutzt HTML ab Version 5 sowie CSS ab Version 3. Browser, die zur Anzeige von Projekten nach Styleguide genutzt werden, müssen diese Versionen unterstützen.
Desktopbrowser
| Browser | Version |
|---|---|
| Microsoft Edge | aktuell als stabile geltende Version |
| Mozilla Firefox | aktuell als stabile geltende Version |
| Google Chrome | aktuell als stabile geltende Version |
| Safari | aktuell als stabile geltende Version |
| Opera | aktuell als stabile geltende Version |
Mobile Browser
| Betriebssystem | Browser-Version |
|---|---|
| Android | Chrome, Firefox, Samsung Internet, Android v5.0 und höher |
| iOS | Chrome, Firefox, Safari |
| Windows 10 Mobile | Microsoft Edge |
Abhängigkeiten zu anderen Frameworks
Die Codebasis des Styleguides kann als gepacktes Archiv angefordert werden. Alle Quellen stehen jedoch auch zum direkten Einbinden unter https://www.styleguide.sachsen.de zur Verfügung. Mit der Nutzung der bereitgestellten Ressourcen sind alle Frameworkabhängigkeiten bereits enthalten und werden korrekt aufgelöst.
Liste der verwendeten Frameworks:
| Framework | Zweck |
|---|---|
| jquery | JavaScript-Bibliothek. Stellt die Basis des Styleguides dar. |
| bootstrap | HTML, CSS und JavaScript-Framework. Stellt die Basis des Styleguides dar. |
| html5shiv | HTML5-Kompatibilitäten für Internet Explorer. |
| ekko-lightbox | jQuery-Plugin für einen Bildbetrachter. |
| bxslider-4 | jQuery-Plugin für einen Slider. |
| jquery-mousewheel | jQuery-Plugin für browserübergreifende Mausrad-Unterstützung. |
| jquery-ui | Grafische Elemente im Kontext des jQuery-Frameworks. |
| backbone | MVC-Framework mit integierter REST-Schnittstelle. |
| moment | Framework zum Arbeiten mit Datums- und Zeitangaben. |
| css-element-queries | Framework für responsives Design. |
| respond | Framework für responsives Design. |
| picturefill | Framework für responsives Design. |
| malihu-custom-scrollbar-plugin | jQuery-Plugin für Scrollbardarstellung. |
| webs-ot-utils | Hilfsklassen und -funktionen. |
| webs-xima-cookie-bar | Die Cookie-Leiste, die Vorschrift für jedes Portal ist. |
| Justified.js | Framework zum Anordnen von Bildern. |
| bootstrap-select | jQuery-Plugin zur Funktionserweiterung von Bootstrap-Auswahlelementen. |
| underscore | Im wesentlichen für Template-Mechanismen genutzt. |
| jquery.easing | jQuery-Plugin für Blendeffekte |
| jquery.royalslider | jQuery-Plugin für Bildergalerieanimationen |
| prismjs | Framework zur Darstellung von Quellcodefragmenten |
| prism.linenumbers | Erweiterung des Frameworks prismjs zur Darstellung von Zeilennummern in Quellcodefragmenten |
