New Visual Layout Design Components In Moodle 3.5 Courtesy Of Bootstrap 4

1551

The long-awaited release of the web development framework, Bootstrap 4, is now available in Moodle, to the delight of site and theme designers everywhere. As a “Front End” framework, Bootstrap’s popularity lies in the simple way it helps users perform common tasks in creating a website’s layout, packaging lots of common elements in a relatively small package. Bootstrap 4 comes not only with even more components, it also brings new tools for a more sophisticated management of visual elements.

WIRIS

Rem-based design. For a long time now, designers have measured the size of visual elements in an interface through pixels. Pixels represent an “absolute” measure, meaning than on a given screen, a 200px width window is twice as big as a 100px one. “Rems” stands for “root ems” and allows for measures that are “relative” to the content space available, not just the element that contains them (as is the case with ems).

More fonts, faster loading. Bootstrap 4 takes advantage of cache that stores previously used fonts, avoiding redundant downloads when the font is used again on a different site. The number of fonts available by default in the framework is wider, but in a way that preserves speed and performance.

Course image covers. A feature previously only available in a few themes has now made it to the mainstream. Course designers can customize a course look in catalogs and dashboards with a “cover image” to help set them apart. If no picture is chosen, a texture is automatically used as placeholder.

Responsiveness and highlighting. In web design, responsiveness not only refers to the ability of the website to rearrange its elements according to the size of the window, but also the site’s ability to show the user that it “listens.” Element highlight by mouse hover or after click are examples of how Bootstrap 4 “responds” to the user.

Under the hood, Bootstrap 4 promises higher speeds, better reliability, and more responsiveness. Bootstrap 4 no longer supports Internet Explorer 9 or older.

Watch “Bootstrap 4 stable and Course images in Moodle 3.5” on YouTube. ■


Moonami LogoThis Moodle Technology related post is made possible by: Moonami a company that provides a full range of Moodle services that combine the flexibility, scalability, and power of Amazon’s world-leading cloud platform (AWS) with fanatical Moodle support. Click here to learn more.