tillsanders

(function ($) {
    $.fn.adjustAt = function(options) {
        var elements = $(this);
        // Default settings merged with received options
        var settings = $.extend({
            width: 0,
            above: function(element) {},
            below: function(element) {},
            aboveRepeat: function(element) {},
            belowRepeat: function(element) {}

frdmn

Install OS X 10.10 Yosemite in VirtualBox

Due to the high usage of this guide and the lack of comfort in Gist's commenting area, I decided to make a blog post out of this which you can find here:

http://blog.frd.mn/install-os-x-10-10-yosemite-in-virtualbox/

tillsanders

Favicons, Tiles, etc.

• favicon.ico - 32x32
• favicon.png - 32x32
• apple-touch-icon.png - 180x180 (iPhone 6 Plus, others resize it automagically)
• tile.png - 558x558
• tile-wide.png - 558x270
• tile-150x150.png - 150x150
• tile-310x310.png - 310x310
• tile-70x70.png - 70x70

tillsanders

Animate the transformation of a mobile menu toggle into a cross

Animation Transition for a mobile menu toggle. Three horizontal lines transform into a cross and back again. The top and bottom lines fall into the center, transforming into one line. The line(s) rotate clockwise, spawning a line at 45deg and stop at 135 deg, forming a cross. Demo: http://jsfiddle.net/SYYr5/84/

Annotations:

• the animation uses four additional elements inside the a tag. This is not semantic, but we can at least use elements without a semantic meaning, like div and span
• using a div as a second container, we are able to apply a padding to our a tag
• We may need to use vendor prefixes :/

jlong

var parser = document.createElement('a');
parser.href = "http://example.com:3000/pathname/?search=test#hash";

parser.protocol; // => "http:"
parser.hostname; // => "example.com"
parser.port;     // => "3000"
parser.pathname; // => "/pathname/"
parser.search;   // => "?search=test"
parser.hash;     // => "#hash"
parser.host;     // => "example.com:3000"