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...

Rebase Major Update

on Dec 25, 2011 in Moodle | 0 comments

I have been on a bit of an update spree on Zebra lately, removing, adding, and changing settings. One of the biggest changes I made was to rewrite the pagelayout.css @media queries using the HTML5 Boilerplate mobile first design theory. Switching to this mobile first practice cut about 1/3 of the declarations out of my query sections as well as having to declare a max-width (so I canned those settings). Overall I’m pretty happy with how much simpler things are now in the page layout. Here’s a comparison of the before and after: Before pagelayout.css CSS /* 1 Column View */ @media screen and (max-width:[[setting:onecolmax]]) { } /* 2 Column View */ @media screen and (min-width:[[setting:twocolmin]]) and (max-width:[[setting:twocolmax]]) { #region-main-box { left:0px; width:200%; } #region-post-box { left:50%; margin-left:0; width:100%; } #region-main-wrap { float:right;...

Update: California Progress

on Dec 10, 2011 in WordPress | 0 comments

Work has cooled a little bit on on my California theme for WordPress, partly due to other projects (Moodle themes, Mahara themes, and a NEW WordPress theme), partly due to the fact that it’s pretty much working the way I want and I don’t have much incentive to continue to update it… Anyways here’s a brief overview of the major features that I have implemented: WordPress 3.3 API compliant Featured image support 2 Custom menus Widget area Search w/ highlighted search terms jfontsize If that doesn’t seem like enough, then fork it on github and change away! My next goal is to add a little i18n. Though I do have another completely new HTML5 theme called Insight that I’ve been working on and I hope to release soon. Just waiting to find a solution to a strange problem and it should be ready to roll in time for 3.3 to be...