mihow

if [ ! -f .env ]
then
  export $(cat .env | xargs)
fi

revolunet

General

• create a single page javascript application
• be as low-level as possible to be able to control performance (=minimize layers)
• masterize your dev/build environnement so you can work/play nicely

Debug apps

• Open safari console in development menu with simulator or attached devices (enable debug in ipad/safari dev options)
• debug your app from xcode to get native debugger and performance metrics

MoOx

.SVGIcon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* fix webkit/blink poor rendering issues */
  transform: translate3d(0,0,0);

  /* it's better defined directly because of the cascade shit
  width: inherit;
  height: inherit;

bloodyowl

function throttle(fn, duration){
  var lastCall = new Date().getTime() // closure variable
    , timeout = null 

  duration = parseInt(duration, 10) // convert duration to int

  function throttled(){
    var currentCall = new Date().getTime() 
      , gap = currentCall - lastCall
      , self = this, args = arguments 

bloodyowl

;(function(){
  
  var owns = {}.hasOwnProperty
    , toString = {}.toString
    , emptyArray = []

  function arrayify(self, arr){
    var i = 0, l = arr.length >> 0
    for(;i < l; i++) self[i] = arr[i]
    self.length = l

bloodyowl

/*
  Returns document.cookie as an object
*/
function getCookie(o,a,l,s){o={},a=document.cookie.split(/\s*;\s*/),l=a.length;for(;l--;)s=a[l].split(/\s*=\s*/),o[s[0]]=s[1];return o}

bloodyowl

Class.create({

 // … 
    templates : {
        item : $.create("article", {"class" : "item-article"})
      , content : $.create("span")
    }
  , render : function(data){
        var self = this, tmpl = self.templates
          , fragment = Element.fragment()

bloodyowl

function getCookie(){
  var cookie = document.cookie
    , regExp = /\s*([\w\-]+?)\s*=\s*([^;]*?)\s*(?:;|$)\s*/g
    , obj = {}
  cookie.replace(regExp, function(match, name, value){obj[name] = value})
  return obj
}

bloodyowl

function (destination, duration) {
    // destination (relative to window top) in px
    // duration in ms
    /* Variables */
    var startPosition = "pageYOffset" in window ? window.pageYOffset : document.documentElement.scrollTop,
        startTime = +new Date(),
        endTime = startTime + duration,
    // if top of element is outside the document, then define end point to document limit
    // elsewhere, go the the top of the element
        destinationSafe = document.height < (destination + window.innerHeight) ? document.height - window.innerHeight : destination,

k33g

// Just do this : (and include backbone.js)
var Kind = function() {
    this.initialize && this.initialize.apply(this, arguments);
};
Kind.extend = Backbone.Model.extend

//Simpler

var Thing = function() {};
Thing.extend = Backbone.Model.extend