BASE Project - Mobile First
The BASE project from Weblication® CMS is based on the Mobile First principle and is therefore named as such. In the following, however, the project is referred to as BASE for short.
BASE has a modular structure, which makes it easier to update and considerably more convenient to use in-house developments. Mobile First also uses technologies that are particularly useful on mobile devices.
For the Mobile First variant, basic knowledge of Sass is an advantage in terms of project structure. However, a lot can be set via masks, which is why even inexperienced users can go a long way in adapting the layout and setting up the project.
| BASE (Mobile First) | |
|---|---|
| Development status |
FINAL
|
| XSLT templates | A separate template exists for each element, object, navigation, list, global HTML and header. Own templates for structural elements in the newsletter. |
| CSS TEMPLATES | A separate CSS file exists for each element, object, navigation, list and global HTML. Additional CSS files define colors, fonts, breakpoints and the page structure. Use of SASS for more flexible and effective design. The CSS editor automatically generates a table of contents. Custom CSS maintenance masks are possible. The IDE supports icons for the individual CSS files. Each variant has exactly one root selector. Variants can be installed directly in the integrated variant management. |
| Responsive | Dynamic breakpoints are defined via variables. The image width calculation is based on the breakpoints used. |
| JavaScript | Multiple JS files Extended JS events |
| Automatic screen width calculation | Image width calculation via client feedback Use of the Picture element for responsive images in elements, lists, banners and galleries. Support of Art Direction for viewport-dependent image sections. |
| Layoutwizard / Themes | The layout wizard is defined as a mask in the corresponding theme (page.scss) itself. |
| Lists | The order is completely definable via CSS. HTML decorators can be defined via CSS. Lists can be extended as required via the object template. |
| Weblics | The most important weblics have been implemented so far. You can see whether a weblic has been adapted in the weblic administration. The installation and updating of weblics is significantly accelerated. |