making moodle multi device friendly with bootstrap - bas brands

Making Moodle Multi-device

Friendly with Bootstrap

Dressing for success in a Multi-

Device World

What do we all have in common?

http://www.flickr.com/photos/7682132@N05/9913956096/

You (often) interact differently

on each device

Your read texts on your mobile while

traveling

You write on you laptop

You watch youtube on your tablet

You game on your gaming console

Your LMS is already being used

on multiple devices.

Choosing the right theme is a

first step

No Zoom

Focused

Easy to read

Somebody had a great idea

Picture of @fat on twitter

CSS provides a set of styled

elements

Image by Bas Brands

JavaScript makes Bootstrap

interactive

Image by Bas Brands

It’s simple right?

Theme processes

Okay maybe not, help is needed

Developers

Testers

Users

Github

The Grid

City University London

The Grid

City University London

The Grid

City University London

The Grid

City University London

Collapsed blocks

King Faisal University

Expanded blocks

King Faisal University

Mobile blocks

King Faisal University

Theme Moodle bootstrap, what's

new?

Complete rewrite

New settings

Auto generated CSS

Bootswatches

Bootswatches

Bootswatches

Bootswatches

http://www.flickr.com/photos/21503901@N05/5380882279/

The webvideo Activity

mod webvideo

The HTML5 video filter

mod webvideo

Responsive Images

mod webvideo

Thank you!

https://www.flickr.com/photos/31149081@N02/7761213134/

contact me @basbrands