Responsive Slides
Responsive slides block: allows configuring images per device and orientation to improve performance and UX.
General Description
Responsive Slides optimizes the visual presentation of Moodle without penalizing mobile: each device downloads the appropriate asset.
Technical Implementation
-
Detection and Breakpoints
- Image selection by size/orientation.
- Consistent rules to avoid layout shifts.
-
Performance
- Avoids downloading desktop banners on phones.
- Compatibility with lazy loading.
-
Operation
- Administration UI per slide with dimension/weight validation.
- Cached configuration for fast rendering.
Main Features
- Better UX
- More performance on mobile
- Controlled branding