toddmotto

├── mixins/
│   │── _vendor.scss
│   │── _position.scss
│   └── _background-image.scss
├── modules/
│   │── _normalize.scss
│   │── _clearfix.scss
│   │── _variables.scss
│   │── _app.scss
|   │── _buttons.scss

toddmotto

conditionizr({
	debug      : false,
	scriptSrc  : 'js/conditionizr/',
	styleSrc   : 'css/conditionizr/',
	ieLessThan : {
		active: true,
		version: '9',
		scripts: false,
		styles: false,
		classes: true,

toddmotto

Description of Role:  
Assist with the development of new products and provide consultancy for our customers.
Provide third line development support for our existing customers.
Be part of a dynamic software engineering team consisting of web developers specialising in HTML5/CSS3/Javascript and Server side developers specialising in Java server technologies and Google App Engine. 

Mandatory Skills:  
Demonstrable experience in at least one of the following: Javascript, Java, Ruby, PHP, Python, C#, C++.  
Ability to demonstrate a good understanding of Object Oriented techniques with respect to one of the above programming languages.
Relevant IT or Engineering degree with honours or relevant work experience.

toddmotto

Role:  Javascript Developer
Responsibilities:  
33% of time, develop new Google Appscript applications for our customers.
33% of time, provide 3rd line support for Google Appscript developed applications for our customers. No out of hours requirement.
33% of time, developing web applications in Javascript, HTML5, CSS3 for the creation of products and consultancy.

Mandatory Skills:  Javascript (strong knowledge).  Google Appscript is a bonus but not necessary. The successful candidate will be trained in the Google Appscript tools and environment. 
Important to note that Google Appscript is simply ECMAScript 5 compliant Javascript with a range of Google Apps libraries that runs server side. Think node.js but with Google services.

Desirable Skills: OO Javascript - prototypal inheritance, HTML5, CSS3, JQuery, Chrome Developer Tools, Google Appscript (ScriptDB, UI Service, Google services).

toddmotto

!function(){
  function supportsSVG() { return !! document.createElementNS && !! document.createElementNS('http://www.w3.org/2000/svg','svg').createSVGRect }
  if (supportsSVG()) document.documentElement.className += ' svg'
  else document.documentElement.className += ' no-svg'
}()

toddmotto

<jsp-config>
    <jsp-property-group>
        <url-pattern>*.jsp</url-pattern>
        <trim-directive-whitespaces>true</trim-directive-whitespaces>
    </jsp-property-group>
</jsp-config>

toddmotto

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
     only screen and (min-resolution: 144dpi) {
  /* Retina stuff here */
}

toddmotto

var iOS = navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)/i);
if (!iOS) {
  // Run scripts for anything but iOS
}

toddmotto

// Headings
function heading( $atts )
{
    extract(shortcode_atts(array(
        'tag' => '',
        'text' => '',
    ), $atts));
    return '<h' . $tag . '>' . $text . '</h' . $tag . '>';
}
add_shortcode('heading', 'heading');

toddmotto

// SVG custom feature detection and svg to png fallback
// toddmotto.com/mastering-svg-use-for-a-retina-web-fallbacks-with-png-script#update
function supportsSVG() {
  return !! document.createElementNS && !! document.createElementNS('http://www.w3.org/2000/svg','svg').createSVGRect;	
}
if (supportsSVG()) {
	document.documentElement.className += ' svg';
} else {
	document.documentElement.className += ' no-svg';
	var imgs = document.getElementsByTagName('img'),