ejade.js - javascript utility library

This library contains useful utility functions that I found myself writing more than once

Requires

• jQuery
• ejade.js
• ejade.css

Mobile Device Utility Methods

Check for mobile devices based on user agent

• ejade.isMobile();

// returns true || false
ejade.isMobile(); 

ejade.isMobile(function(match, device){
  console.log(match + " " + device);
}); 

// check for ipad,iphone or android
// callback passes match true or false AND device name
ejade.isMobile('ipad, iphone, android', function(match, device){
  console.log(match + " " + device );
}); 

Check for narrow and wide window sizes

returns current or initial window based on 768 break to narrow view with bootstrap 3

• ejade.size.width('intitial')
• ejade.size.width('current')
• ejade.size.isNarrow('initial')
• ejade.size.isNarrow('current')

Check for retina devices

• ejade.isRetina();

// returns true || false
ejade.isRetina(); 

ejade.isRetina(function(bool){
  console.log("Retina: " + bool);
}); 

Show and hide html elements with css classes based on device

Adding one of the following classes to an html element will make it visible for the specified device

//CSS
* .show-for-android
* .show-for-iphone
* .show-for-ipad
* .show-for-ipod
* .show-for-blackberry
* .show-for-kindle

IE Browser Utility Methods

• ejade.addIE10Class(); - adds "ie10" class to the html in the document for ie10 browser
• ejade.addIE11Class(); - adds "ie11" class to the html in the document for ie11 browser
• ejade.locationOriginFix(); - Polyfill - Adds support for window.location.origin in ie8