msrafi

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

msrafi

// jQuery.support.css3
// verifies css3 properties across browsers
// i.e. $.support.css3('transition')
$.support.css3 = function(prop) { 
    var 
        support = false,
        thisBody = document.body || document.documentElement,
        thisStyle = thisBody.style,
        uc_prop = prop.charAt(0).toUpperCase() + prop.substr(1),
        props = [

msrafi

function has3d(){
	var el = $('<p>')[0], $iframe = $('<iframe>'), has3d, t,
		transforms = {
			'webkitTransform': '-webkit-transform',
			'OTransform': '-o-transform',
			'msTransform': '-ms-transform',
			'transform': 'transform'
		};

	// Add it to the body to get the computed style

msrafi

function has3d(){
    var el = document.createElement('p'),
    has3d,
    transforms = {
        'webkitTransform':'-webkit-transform',
        'OTransform':'-o-transform',
        'msTransform':'-ms-transform',
        'MozTransform':'-moz-transform',
        'transform':'transform'
    };

msrafi

var sliding = false; // variable outside function scope to detect a slide is in progress

function slideTo(target, duration){ // credit to Mahieddine Abdelkader & Ludwig Wendzich for original ideas.
    var to = isNaN(target) ? $(target).offset().top : target, //find scroll to position
        from = $(window).scrollTop() //find starting point
        dy = to-from, //calculate change in scroll position - deltaY
        body = $("body"), // TODO: better to have it outside of local scope already rather than fetching it every time...
        duration = isNaN(duration) ? 500 : duration;

  // We're going to use translate-y to move the the page so it feels like we're at the *from* scroll position, when we're actually instantly at the *to* scroll position. */

msrafi

{
	"files":
	{
		"jquery"                      : "http://code.jquery.com/jquery.js",
		"jquery.min"                  : "http://code.jquery.com/jquery.min.js",		
		"jquery-cookie"               : "https://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js",
		"jquery-dotimeout"            : "https://raw.github.com/cowboy/jquery-dotimeout/master/jquery.ba-dotimeout.min.js",
		"jquery-extra-selectors"      : "https://raw.github.com/keithclark/JQuery-Extended-Selectors/master/jquery-extra-selectors.js",
		"jquery-flexslider"           : "https://raw.github.com/mbmufffin/FlexSlider/master/jquery.flexslider-min.js",
		"jquery-mediaelement"         : "https://raw.github.com/johndyer/mediaelement/master/build/mediaelement-and-player.js",

msrafi

.ipad-only, .iphone-only, .retina-only, .non-retina-only, .retina-iphone-only, .non-retina-iphone-only { display: none; }

/* ---------- iPad Only ---------- */
@media only screen and (device-width: 768px) {
  .ipad-only { display: block; }
}

/* ---------- iPhone/iPod Only ---------- */
@media only screen and (device-width: 320px) {
  .iphone-only { display: block; }

msrafi

// Example:

JavaScript.load("/javascripts/something.js");


// With callback (that’s the good thing):

JavaScript.load("http://www.someawesomedomain.com/api.js", function() {
  API.use(); // or whatever api.js provides ...
});

msrafi

This is now an actual repo:

https://github.com/cowboy/jquery-tiny-pubsub

msrafi

<!-- Mobile meta & links -->

<!-- Reference

Custom Icon and Image Creation Guidelines:
http://developer.apple.com/library/safari/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html

Configuring Web Applications:
http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/configuringwebapplications/configuringwebapplications.html