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

google.maps.event.addDomListener(window, 'resize', function() {
    var center = map.getCenter()
    google.maps.event.trigger(map, "resize")
    map.setCenter(center)
})

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'),

toddmotto

<!-- jQuery CDN Failsafe to CloudFlare CDN -->
<script>window.jQuery || document.write('<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"><\/script>');</script>

toddmotto

// Retina Device, add 'retina' to HTML tag
if (window.devicePixelRatio >= 2) {
  document.getElementsByTagName('html')[0].className += ' retina';
}
// No-retina Device, add 'no-retina' to HTML tag
else {
  document.getElementsByTagName('html')[0].className += ' no-retina';
}