Mark McDonnell Integralist

#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:

https://developer.mozilla.org/en/Determining_the_dimensions_of_elements

Get dimensions that include everything except margin space (so borders + padding): offsetWidth and offsetHeight

Get dimensions for just content: clientWidth and clientHeight

Get dimensions of total height (regardless if any part is clipped/hidden): scrollWidth and scrollHeight

#Overview - setting up our git workflow This set-up works for our team as we don't mind pushing directly to a development branch, but this wouldn't work for other companies as the development branch could potentially get broken fairly quickly and with multiple developers working on this singular branch would be awkward to locate issues and fix - but for a small team this seems to work fine.

##Initial User Set-Up The first developer to work on the new project will go through this process:

<github>
Create repository on GitHub company account
``

Object-Oriented CSS

Below is how I am currently structuring my CSS to be more object-oriented (with a little assistence from Sass):

Base
Helpers
Variables (see my Guide to Sass)
Mixins (careful and limited usage - see my Guide to Sass)
Extensions (careful and limited usage - see my Guide to Sass)
Layout

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

	Copyright (C) 2011 Timo Kissing http://kissing.name

	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

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

	Copyright (C) 2011 Thiemo Mättig <http://maettig.com/>

	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

	var cat = {};

	/**
	* cat.NewsBox
	* Retrieves news from Google
	*/
	cat.NewsBox = (function(){

	function NewsBox(searchTerm, injectFn) {
	this.searchTerm = searchTerm;

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

	Copyright (C) 2011 Simon Madine <http://thingsinjars.com>

	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

	Dear soon-to-be-former user,

	We've got some fantastic news! Well, it's great news for us anyway. You, on
	the other hand, are fucked.

	We've just been acquired by:

	[ ] Facebook
	[ ] Google
	[ ] Twitter

	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Fixed Toolbars Polyfill</title>
	<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css">
	<link rel="stylesheet" href="jquery.mobile.fixedToolbar.polyfill.css">
	<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>