Zebra 2

on Mar 28, 2012 in Portfolio | 0 comments

Zebra 2 takes the Moodle 2 theme engine to its maximum potential: A settings page with over 30 customizations, responsive layout, and thorough documentation. If you thought customizing your theme was easy with the original Zebra, you’re going to love using Zebra 2. Features Over 30 custom options on a dedicated settings page Customize things like colors, logos, and media queries Dead simple options like “light”, “dark”, and “none” for CSS3 gradients Zebra 2 uses a custom-built page layout with a responsive design Media queries serve a 1, 2, or 3 column layout at user definable widths Zebra 2 uses progressive enhancement, so users with older browsers aren’t left behind Built on the H5BP “Mobile first” design principles Valid XHTML 1.0 means that Zebra works seamlessly with Moodle Vendor prefixes make sure that Zebra displays properly...

Tianjin International School

on Mar 21, 2012 in Portfolio | 0 comments

tiseagles.com

Browser Detection in Moodle

on Mar 19, 2012 in Moodle | 0 comments

Once again I’ve been working away at adding new features to Zebra for Moodle 2. One of my big pushes, by request (though it’s been on my plate) is getting some sort of better support for Internet Explorer 7 and 8. Which is actually pretty tough since they don’t support @media queries at all. One option was to re-work the media query order from mobile-first to desktop-first, but that’s not fun. So I decided to use respond.js. According to the author respond.js is: A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more). The goal of this script is to provide a fast and lightweight (3kb minified / 1kb gzipped) script to enable responsive web designs in browsers that don’t support CSS3 Media Queries – in particular, Internet Explorer 8 and under. Which was exactly what I wanted. I love not re-inventing the wheel. At...

Zebra

on Mar 19, 2012 in Portfolio | 0 comments

Zebra is a theme that was developed for the Moodle administrator with a non-technical background in mind. The result is a simple to customize, yet robust theme. Based off of the popular Aardvark theme Moodlebar is incorporated by default, a simple unordered list provides a customizable dropdown menu, and 5 customizable colors allow the whole theme to be transformed simply from a single source. Features Easily customized color means that your site is branded in a matter of minutes A custom CSS dropdown menu allows quick access to the content your users want Integrated Moodlebar lets your users navigate Moodle with ease Zebra leverages advanced styling techniques via CSS3 for users with modern browsers Zebra follows the coding principles of progressive enhancement, so users with older browsers aren’t left behind Valid XHTML 1.0 means that Zebra works seamlessly with Moodle Vendor...

Discuss!

on Mar 14, 2012 in Portfolio | 0 comments

Discuss! is a minimalist yet robust theme for Moodle 2: subtle gradients, solid colors, round corners. Inspired by the look and feel of DISQUS. Features Melbourne leverages advanced styling techniques via CSS3 for users with modern browsers Melbourne follows the coding principles of progressive enhancement, so users with older browsers aren’t left behind Valid XHTML 1.0 means that Melbourne works seamlessly with Moodle Vendor prefixes make sure that Melbourne displays properly for any user Gallery Download This theme is available for download from the Moodle plugins directory or github. Download(alternate download) Donate Documentation & Support Support for this theme is provided at the Moodle.org...