juliankrispel

var getType = function(thing){
    if(thing === null) return "[object Null]";
    return Object.prototype.toString.call(thing);
}

// Determines whether all properties of data are contained in containsData
var deepContains =  function contains(data, containsData ) {
        for (var i in data){
            var key = i;
            if(key.indexOf('not_') === 0){

juliankrispel

CSS Frameworks Comparison

I wrote a little scripts that shows [some stats about the frameworks](http://juliankrispel.github.io/css-specificity-benchmark/]

##Twitter Bootstrap Size: 16KB Bootstrap seems to be the default for many developers and startups. And I can see why. It has a boatload of fully designed, fully functional components (Not only CSS, also Javascript). It's biggest strength is however also its biggest weakness. Because Bootstrap is so fully featured and so 'designed' already, by picking it you are buying into their way of doing things. Although they vastly improved in their 3.0 release, Bootstrap still struggles with a high rate of specificity which make it hard to extend.

The new version of bootstrap has major advantages over 2.3.2. They shaved off 30% of it's codebase without feature-reduction and is 14% less specific than its predecessor.

juliankrispel

Try extending an item with the class control-label with the class text-left, what do you think will happen?

<label class="text-left control-label">Label</label>

Think the label will be left alligned? No!

juliankrispel

arr = [900, 1, 39, 12, 8, 15, 39, 11, 100]

quicksort = (arr) ->
  if(arr.length < 2) 
    return arr

  unless arr or arr.length > 1 
    throw new Error 'Input invalid'

  pivot = arr[0]

juliankrispel

Drag and Drop Layouts

Outline

A document would be simply, an array of objects, visually sortable through a drag and drop interface.

Each object in this array represents a draggable html element rendered on the page. When dragged over another the aforementioned array is resorted. Whenever the array resorts, it will rerender its' contents to the page.

An example of the array of objects that represents a document

documentA = [

juliankrispel

var directives = ['drag', 'dragstart', 'dragend', 'dragover', 'dragenter', 'drop'];

// The HTML5 drag and drop api is the most stupid thing 
// I've ever seen, but I'm going to use it anyway.

angular.forEach(directives, function(dir){
    app.directive(dir, [function () {
        return {
            restrict: "A",
            scope: false,

juliankrispel

" Don't quit visual mode after indenting :vmap < >gv

juliankrispel

var clone = function(thing){
    switch(is(thing)){
        case 'object':
            var newobj = {};
            for (var key in thing){
                newobj[key] = clone(thing[key]);
            }
            return newobj;

        case 'array':

juliankrispel

Date: [date]

Between us [company name] and you [customer name].

Summary:

In short; neither of us will share any confidential information about each-other, by any means, with anyone else.

What’s confidential information?

juliankrispel

// Add component 
var inputComponentLoader = {
    loadComponent: function(name, config, callback) {
        if(u.isType(config.template, 'function')){
            var template = ko.utils.parseHtmlFragment(config.template(config));
            callback({
                template: template,
                createViewModel: createViewModelForInput
            });
        }else{