kayhadrin

/**
 * Simple plugin to track scroll events and trigger a custom jQuery event (scroll_vertical or scroll_horizontal)
 * when the corresponding type of scroll has happened.
 * Event handlers can receive the original scroll event and the scroll delta as second values.
 * e.g. function(jqEvent, scrollEvent, delta)
 *
 * To stop this, unbind the 'scroll.trackScroll.vertical' or 'scroll.trackScroll.horizontal' event
 * @param {string} direction Scroll direction to track
 * @return {jQuery}
 */

kayhadrin

# Git aliases
alias g="git"
alias gits="git status"
alias gitc="git commit"
alias gitb="git branch"
alias gs='git status'
alias gc='git commit'
alias gb='git branch'
alias gbr='git branch -r'
alias gf='git fetch && git fetch --tags'

kayhadrin

<div>
  <span>
    <a class="menu-item">Home</a>
  </span>

  <span>
    <a class="menu-item">Contact</a>
  </span>
</div>

kayhadrin

Dynamic column width with css calc()

The general formula of the column width for a known separator width is columnWidth = ( fullWidth + separatorWidth * (1 - columnNb) ) / columnNb

A Pen by David on CodePen.

kayhadrin

var MemDB = require('memdb');
var db = MemDB();
console.log('memdb db = ', db);

kayhadrin

<!-- JS Includes -->
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone.js" type="text/javascript"></script>
<script src="https://rawgithub.com/mikeric/rivets/master/dist/rivets.js" type="text/javascript"></script>
<script src="https://rawgithub.com/azproduction/rivets-backbone-adapter/master/rivets-backbone.js" type="text/javascript"></script>

<p style="color: red;">
    Open your dev tools and watch the console log for output. You should notice that when setting the value manually using the Backbone set(), the "routine" is fired off twice.
</p>