Bresson bresson

#Four Ways To Do Pub/Sub With jQuery and jQuery UI (in the future)

Between jQuery 1.7 and some of work going into future versions of jQuery UI, there are a ton of hot new ways for you to get your publish/subscribe on. Here are just four of them, three of which are new.

(PS: If you're unfamiliar with pub/sub, read the guide to it that Julian Aubourg and I wrote here http://msdn.microsoft.com/en-us/scriptjunkie/hh201955.aspx)

##Option 1: Using jQuery 1.7's $.Callbacks() feature:

$.Callbacks are a multi-purpose callbacks list object which can be used as a base layer to build new functionality including simple publish/subscribe systems. We haven't yet released the API documentation for this feature just yet, but for more information on it (including lots of examples), see my post on $.Callbacks() here:

How to make faster scroll effects?

Avoid too many reflows (the browser to recalculate everything)
Use advanced CSS3 for graphic card rendering
Precalculate sizes and positions

Beware of reflows

The reflow appens as many times as there are frames per seconds. It recalculate all positions that change in order to diplay them. Basically, when you scroll you execute a function where you move things between two reflows. But there are functions that triggers reflows such as jQuery offset, scroll... So there are two things to take care about when you dynamically change objects in javascript to avoid too many reflows:

	/* modernizr-test.js
	* Daniel Ott
	* 3 March 2011
	* Custom Tests using Modernizr's addTest API
	*/

	/* iOS
	* There may be times when we need a quick way to reference whether iOS is in play or not.
	* While a primative means, will be helpful for that.
	*/

	<!DOCTYPE html>
	<html>
	<!--
	Copyright 2011 Google Inc.

	Licensed under the Apache License, Version 2.0 (the "License");
	you may not use this file except in compliance with the License.
	You may obtain a copy of the License at

	http://www.apache.org/licenses/LICENSE-2.0

	Drop in replace functions for setTimeout() & setInterval() that
	make use of requestAnimationFrame() for performance where available
	http://www.joelambert.co.uk

	Copyright 2011, Joe Lambert.
	Free to use under the MIT license.
	http://www.opensource.org/licenses/mit-license.php

	// Is the passed CSS property supported?
	// eg. detectCSS('transition')
	function detectCSS(prop){
	var
	prop = prop.replace(/-(\w)/g,function(s,g){return g.toUpperCase()}),
	pre = ',Icab,Khtml,Moz,Ms,O,Webkit'.split(',');

	for (var i = 0; i < pre.length; ++i){
	if(i==1)
	prop = prop.slice(0,1).toUpperCase() + prop.slice(1);

	/**
	* simple JSONP support
	*
	* JSONP.get('https://api.github.com/gists/1431613', function (data) { console.log(data); });
	* JSONP.get('https://api.github.com/gists/1431613', {}, function (data) { console.log(data); });
	*
	* gist: https://gist.github.com/gists/1431613
	*/
	var JSONP = (function (document) {
	var requests = 0,

	try{
	document.createEvent("TouchEvent");

	// Here we're ensured touch capabilities
	var scroll = document.getElementById('myid');
	var start = null;
	var clickIfEnd = true;
	scroll.addEventListener('touchstart', function (e) {
	start = e.touches[0].pageX;
	clickIfEnd = true;

	// easing functions http://goo.gl/5HLl8
	Math.easeInOutQuad = function (t, b, c, d) {
	t /= d/2;
	if (t < 1) {
	return c/2tt + b
	}
	t--;
	return -c/2 * (t*(t-2) - 1) + b;
	};

	<?php

	/**
	* [list_searcheable_acf list all the custom fields we want to include in our search query]
	* @return [array] [list of custom fields]
	*/
	function list_searcheable_acf(){
	$list_searcheable_acf = array("title", "sub_title", "excerpt_short", "excerpt_long", "xyz", "myACF");
	return $list_searcheable_acf;
	}