mathiasbynens

// Original code from http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/

var metas = document.getElementsByTagName('meta');
var i;
if (navigator.userAgent.match(/iPhone/i)) {
	for (i=0; i<metas.length; i++) {
		if (metas[i].name == "viewport") {
			metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
		}
	}

mathiasbynens

Improved swipe gestures plugin for jQuery

What was changed (compared to the original v0.1.2):

• Don’t modify the default settings internally.
• Merge the options recursively (deep copy) so that the custom threshold values actually get used.
• Allow overriding the options globally through $.fn.swipe.options.
• Use namespaced jQuery events (using the swipe namespace) instead of DOM2 addEventListener to prevent errors in old IEs.
• Simplified and optimized code.
• Changed swipeLeft and swipeRight functions to be called within the context of the bound element. Thanks, @kswedberg!

mathiasbynens

var elemDisplays = {},
    // Store the iframe outside the function to reuse it
    iframe,
    iframeDoc;

function defaultDisplay( nodeName ) {
	if ( !elemDisplays[ nodeName ] ) {
		// Try the classical method first, which is far faster
		var elem = document.createElement( nodeName ),
		    display;

mathiasbynens

Author: Mathias Bynens <http://mathiasbynens.be/>

This code is licensed under the WTFPL. Feel free to relicense as needed.

mathiasbynens

There seems to be a difference between longhand properties (e.g. background-color) and shorthand properties (e.g. background). Some CSS hacks only work for one or the other. I’ve updated my test case to test these separately, and there are some interesting results.

The following hacks target IE8 but not IE9:

• longhandproperty: \0value\0;
• longhandproperty: \0value;

In practice, you might use these like so:

• background-color: \0red\0;

mathiasbynens

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2004

 Copyright (C) 2011 Mathias Bynens <http://mathiasbynens.be/>

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE

mathiasbynens

// Original code from http://css-tricks.com/examples/FluidWidthYouTube/iframe.php

$(function() {

	// find all videos
	var allVideos = $("iframe[src^='http://www.youtube.com']"),

	    // The thing that is fluid width
	    body = $("body"),

mathiasbynens

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2004

 Copyright (C) 2011 Mathias Bynens <http://mathiasbynens.be/>

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE

mathiasbynens

// Run this in your console on http://fronteers.nl/
// @fronteers Can haz JSON-P, pretty please?

jQuery.get('/congres/2011/attendees.json', function(data) {
	var belgians = data.fronteers2011.andAllTheirOtherData.filter(function(attendee) {
		return attendee.country == 'BE';
	}).map(function(attendee) {
		return attendee.name + (attendee.twitter ? ' (@' + attendee.twitter + ')' : '');
	}),
	title = belgians.length + ' Belgian attendees:';

mathiasbynens

// ==UserScript==
// @name Enable the large side-by-side view on jsconsole.com. This is only useful until https://github.com/remy/jsconsole/issues/22 is fixed.
// @author Mathias Bynens <http://mathiasbynens.be/>
// @match http://jsconsole.com/*
// ==/UserScript==

document.body.className = 'large';