UI5ers live #41: Optimized Bootstrap, Theming with CSS Custom Properties

In this episode of UI5ers live we discuss the progress on the new bootstrap for OpenUI5. We showcase the features of minimal bootstrapping, including performance enhancements and new configuration and extensibility options. Additionally, we guide you through using CSS custom properties for theming custom OpenUI5 controls, now fully supported in OpenUI5 1.127 and beyond. The episode highlights the significant improvements in performance and theming capabilities, demonstrating how to leverage CSS variables for custom control development without the need for complex theme builds.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Video Chapters:
00:00 Welcome
01:32 Update on New Bootstrap
03:40 Performance Improvements with New Bootstrap
06:40 Deep Dive into New Bootstrap Features and Configuration
16:34 Demonstrating Configurable Core and Extending Boot Configuration
22:11 Demonstrating Configuration of a Minimal Bootstrap
23:56 Outlook: Chunking of Libraries for Improved Performance
28:31 Q&A on Bootstrap Configurations and Server Requirements
31:56 CSS Custom Properties for Custom Control Development
39:24 Closing Words
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Resources:
OpenUI5 2.x Demo Kit: sdk.openui5.org/nightly/2/
sap.ui.core.Core API reference: sdk.openui5.org/nightly/2/#/api/module:sap/ui/core…
OpenUI5 2.x Branch: github.com/SAP/openui5/tree/main
UI5ers Buzz #52: The Rendering Evolution: Semantic Rendering and CSS Variables (blog post): community.sap.com/t5/technology-blogs-by-sap/ui5er…
Theme Parameter Toolbox: sdk.openui5.org/test-resources/sap/m/demokit/themi…
Notepad Control using CSS Custom Properties (JS Bin Code Sample): jsbin.com/pumucaw/edit?html,output
Web Components - Step 2 (JS Bin Code Sample): jsbin.com/likodak/edit?html,css,output
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Music: klinik FX