harmstyler

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

harmstyler

Keybase proof

I hereby claim:

• I am harmstyler on github.
• I am harmstyler (https://keybase.io/harmstyler) on keybase.
• I have a public key ASAHu5vyMaraw8XhU-rFa8YOZMvsUMAbSkQsTwsi0gbtJQo

To claim this, I am signing this object:

harmstyler

Div full Width/Height of viewport with jQuery

This handy piece of code allows you to create a full width/height div according to the viewport. The code also handles window resizing. Great for modal dialogs or popups.

// global vars
var winWidth = $(window).width();
var winHeight = $(window).height();

// set initial div height / width
$('div').css({

harmstyler

Array::equals = (array) ->
  return false  unless array
  return false  unless @length is array.length
  i = 0
  while i < @length
    if this[i] instanceof Array and array[i] instanceof Array
      # Check and recurse into the nested arrays
      return false  unless this[i].equals(array[i])
    else if this[i] instanceof Object and array[i] instanceof Object
      # Stringify objects for comparison

harmstyler

Gist created from https://github.com/arturoherrero/command-line-one-liners

Run the last command

$ !!

Run the last command as root

$ sudo !!

harmstyler

import os

PROJECT_DIR = os.path.dirname(os.path.abspath(__file__))
BASE_DIR = os.path.abspath(os.path.join(PROJECT_DIR, '../../'))

# URL prefix for static files.
# Example: "http://example.com/static/", "http://static.example.com/"
STATIC_URL = '/static/'

# Additional locations of static files

harmstyler

$alert.on('unaffixed.bs.affix', function () {
  // ... Code Here
});

$alert.on('affixed.bs.affix', function () {
  // ... Code Here
});

harmstyler

$.fn.accessibleDropDown = ->
    el = $(this);
    enter = -> $(this).addClass('hover')
    leave = -> $(this).removeClass('hover')
    # Hover dropdown
    $("li", el).hoverIntent(enter,leave)

    # Make dropdown menus keyboard accessible
    $("a", el).focus( ->
        $(this).parents("li").addClass("hover");

harmstyler

enableScrollMenu = ->
    $(".bottomscrollbar").hover (->
        $this = $(this)
        windowHeight = $this.prev().children().length * $this.prev().children().height()
        $this.prev().animate(
            scrollTop:windowHeight
        ,600)
    ), ->
        # stop on unhover
        $(this).prev().stop()

harmstyler

/* ***** Carets and other CSS icons ***** */
.caret {
  &.up {
    border-bottom: 4px solid #000000;
    border-top: none;
  }
  &.left {
    border-top: 4px solid transparent;
    border-right: 5px solid #000000;
    border-bottom: 4px solid transparent;