Thought I'd mention that one of my favourite front-end tools has received an update:
http://developers.google.com/speed/pagespeed/insights/
Send it to your site and it'll tell you about what's making your site slow and how to fix it, and the list is in priority order so you know where to start.
Great for themes (e.g. picks up if you've forgotten to fully compress your images), but also good for testing your Moodle installation (e.g. it'll check if you've got gzip turned on).
PS I just created this exact post, word for word in the Themes forum, so if you want to talk about using this tool to make your Theme faster, you might want to go there instead:
https://moodle.org/mod/forum/discuss.php?d=233668
David Scotson
Posts made by David Scotson
Thought I'd mention that one of my favourite front-end tools has recieved an update:
http://developers.google.com/speed/pagespeed/insights/
Send it to your site and it'll tell you about what's making your site slow and how to fix it, and the list is in priority order so you know where to start.
Great for themes (e.g. picks up if you've forgotten to fully compress your images), but also good for testing your Moodle installatino (e.g. it'll check if you've got gzip turned on).
PS I just created this exact post, word for word in the Hardware and Performance forum, so if you want to talk about using this tool to make your Moodle site faster in areas other than the theme, you might want to go there instead:
https://moodle.org/mod/forum/discuss.php?d=233669
http://developers.google.com/speed/pagespeed/insights/
Send it to your site and it'll tell you about what's making your site slow and how to fix it, and the list is in priority order so you know where to start.
Great for themes (e.g. picks up if you've forgotten to fully compress your images), but also good for testing your Moodle installatino (e.g. it'll check if you've got gzip turned on).
PS I just created this exact post, word for word in the Hardware and Performance forum, so if you want to talk about using this tool to make your Moodle site faster in areas other than the theme, you might want to go there instead:
https://moodle.org/mod/forum/discuss.php?d=233669
If you want to continue being "mobile-first" (which I think is a good idea for Moodle generally, since students seem to be adopting iPhone and iPads fairly rapidly) while supporting IE8 you can use a javascript shim like respond.js so that IE versions 8 and below will follow the media queries:
https://github.com/scottjehl/Respond
You can add it the same way that the HTML5 shiv is added in config.php, so it only gets send to the browser who need it.
https://github.com/scottjehl/Respond
You can add it the same way that the HTML5 shiv is added in config.php, so it only gets send to the browser who need it.
Clean is mostly just Bootstrap 2.3 so just using any standard Bootstrap theme for your Content Management System should match up.
Just in case you're thrown off by the black header vs. the white header, that's just an option called "inverse-navbar":
http://getbootstrap.com/2.3.2/components.html#navbar
You can change it in Clean's settings.
There's a few other options for Bootstrap like whether the banner sticks at the top of the page or scrolls away, and whether the site expands to fill the full page. They're not exposed as options in Clean but it's relatively simple to tweak a Bootstrap layout to look like Clean, or tweak Clean to look like a particular Bootstrap layout.
Here's the Bootstrap examples to show you what's possible:
http://getbootstrap.com/2.3.2/getting-started.html#examples
Just in case you're thrown off by the black header vs. the white header, that's just an option called "inverse-navbar":
http://getbootstrap.com/2.3.2/components.html#navbar
You can change it in Clean's settings.
There's a few other options for Bootstrap like whether the banner sticks at the top of the page or scrolls away, and whether the site expands to fill the full page. They're not exposed as options in Clean but it's relatively simple to tweak a Bootstrap layout to look like Clean, or tweak Clean to look like a particular Bootstrap layout.
Here's the Bootstrap examples to show you what's possible:
http://getbootstrap.com/2.3.2/getting-started.html#examples
You can get this mostly working by inheriting from Bas Brands Bootstrap theme for 2.4, as it shares, oh about 95% of code with the BootstrapBase version in core for Moodle 2.5 but at this stage I'd recommend just updating Moodle itself.