bencooling

(function(factory) {
    'use strict';
    if (typeof define === 'function' && define.amd) {
        define(['jquery'], factory);
    } else if (typeof exports !== 'undefined') {
        module.exports = factory(require('jquery'));
    } else {
        factory(jQuery);
    }

bencooling

See: Handlebars.js Part 2: Partials and Helpers

bencooling

<!-- markup -->
<img data-src="/image/to/lazy/load.jpg" src="" />

<script type="text/javascript">
  lazyLoad : function($images){
    $images.each(function(i, el){
      var $el = $(el);
      if (!el.loaded){
        $el.attr('src', $el.attr('data-src'));
        el.loaded=1;

bencooling

/*
|--------------------------------------------------------------------------
| jQuery plugin
|--------------------------------------------------------------------------
| By Ben Cooling (https://github.com/bencooling, http://bcooling.com.au)
|
| Plugin with: 
|   - Public api for programitically calling plugin methods
|   - Options for overiding default configuration values
|   - AMD compatability

bencooling

Presentation Notes

bcooling.com.au

Progressive enhancement

• Older browsers don't miss out on any functionality but the UX is richer in modern, capable browsers.
• Uses PIE polyfill where possible for older browsers

bencooling

// Send through php mail function
'driver' => 'mail',

// mailcatcher does not support encryption
'encryption' => '',

bencooling

(function () {
'use strict';

module.exports = function(grunt) {

  // Plugins
  grunt.loadNpmTasks('grunt-contrib-requirejs');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-sass');
  grunt.loadNpmTasks('grunt-contrib-clean');

bencooling

// dependencies
@import "vendor/normalize-scss/_normalize";
@import "vendor/bourbon/app/assets/stylesheets/_bourbon";
@import "vendor/neat/app/assets/stylesheets/_neat";
@import "vendor/bitters/app/assets/stylesheets/_bitters";
@import "vendor/bec/jquery.reveal.css";
@import "vendor/animate-css/animate.css";

// Fonts
@import "fonts/rambla/stylesheet.css";

bencooling

This is a plugin meant for Jekyll.

Example use:

Easily embed a YouTube video. Just drop this file in your _plugins directory.

{% youtube oHg5SJYRHA0 %}

bencooling

    $(function(){
      var xhr, $form = $('form');

      function getResponse(data){
        console.log(data);
      }

      function postForm(){
        return $.ajax({
          'dataType' : "jsonp",