Basis
CMS
Als CMS setzen wir REDAXO in der jeweils aktuellen Version ein.
Framework
Als Framework verwenden wir Bootstrap (https://getbootstrap.com/).
CSS
Die CSS-Grundlage unserer Site basiert auf der Sass-Präprozessorsprache.
Die Stile der Komponenten wie z. B. Accordions, Buttons usw. werden als einzelne Sass-Dateien entwickelt. Mit dem Sass-Compiler wird die Datei sass/styles.scss in eine reguläre CSS-Datei kompiliert und als styles.css abgelegt.
REM
Masseinheiten für Texte und Abstände definieren wir in REM. Demzufolge wird z. B. eine 18 Pixel grosse Schrift in der Datei sass/base/_vars.scss als 1.8rem definiert.
Editor
Als Editor in Redaxo 5 setzen wir den Tinymce4 Editor ein.
Projektstruktur
Unsere Projektstruktur sieht wie folgt aus (Dateien sind Samples):
public_html/
|
|--assets/
| |
| |--addons/ (Redaxo)
| |
| |--core/ (Redaxo)
| |
| |--site/
| |
| |--css/
| | |--styles.css (kompiliert von sass/styles.scss)
| |
| |--fonts/
| |
| |--img/
| |
| |--js/
| |
| |--sass/
| | |
| | |--base/
| | | |--_general.scss
| | | |--_mixins.scss
| | | |--_vars.scss
| | |
| | |--components/
| | | |--_accordion.scss
| | | |--_buttons.scss
| | | |--_forms.scss
| | |
| | |--layout/
| | | |--_footer.scss
| | | |--_header.scss
| | |
| | |--styles.scss
| |
| |--vendors/
| | |
| | |--bootstrap/
| | |
| | |--jarallax/
| | |
| | |--jquery/
| | |
| | |--slick/
| |
| |--videos/
|
|--media/ (Redaxo)
|
|--redaxo/ (Redaxo)