Stuart Lamour of Sussex eLearning Team sent me a great write up on a new framework for Moodle themes. It’s called Bootstrap and it’s being used across the web to modernize site aesthetics, setting sites up for more responsive formatting on various screen size and devices. It was created at Twitter and has now been applied to some Moodle themes in the community, you can even download one: https://moodle.org/plugins/view.php?plugin=theme_bootstrap.
Great right? It certainly is, but there are some issues with Moodle core that need to be resolved before this can be more widely available to Moodle developers (lest they all battle with the same “workarounds” every time they develop a theme). According to Stuart,
The Moodle Bootstrap began as an idea for a simple clean Moodle theme which works on mobiles, tablets and desktops and can be easily branded by any developer.
Unfortunately, to achieve all these things you take for granted as a developer in other cms the bootstrap theme in Moodle spends most of its time turing off the inherited code from Moodle base theme, making renderers in the theme to bring Moodle’s html up to scratch.
There are quite a few developers keenly interested in this and hopefully a growing movement to get these issues resolved in core to make theme and other development more streamlined and efficient. Check out http://docs.moodle.org/23/en/bootstrap-Theme for more information and to access some of the forums where these issues have been highlighted. Or, hit the jump from the Bootstrap theme and start resizing your window or accessing the site via mobile to see how responsive it can be.