Julio Cesar Ody juliocesar

I'm writing a mobile HTML app in which I want to keep preferences saved for future use. Backbone.js gives you a Model and a Collection class which you can use to persist data over HTTP, but in my case, I have no need for the latter as it'll always be only one instance of it saved containing an arbitrary number of properties.

Backbone models assume you have a Collection class associated with it that has a url method set on them so it knows where to shoot the HTTP request at. But I want to persist my preferences locally via localStorage. That's doable simply by overriding sync on the particular class:

MobileSettings = Backbone.Model.extend({
  sync: function(method, model, options) {
    switch(method) {
      case 'create':
      case 'update':

localStorage.setItem('Settings', JSON.stringify(model));

Run this closure as a patch to jQuery.fn.show to make it fire an event when called:

(function(show) { jQuery.fn.show = function() { return show.apply(this, arguments).trigger('showing'); } })(jQuery.fn.show)

E.g.:

$('h1:first')
  .bind('showing', function() { console.log('yeah'); });
  .hide()

.show();

Say we have a paragraph with some links in it:

<p>
  Foo bar foo bar foo bar <a href="foo">a link</a> and more text.
  Text text <a href="test">foo link</a>. More text bla bla.
</p>

This renders as:

Foo bar foo bar foo bar a link and more text. Text text foo link. More text bla bla.

	require 'steak'
	require 'capybara'
	require 'capybara/dsl'
	require 'rack/test'

	RSpec.configure do \|config\|
	def app
	Capybara.app
	end
	config.include Capybara

	// Generate four random hex digits.
	function S4() {
	return (((1+Math.random())*0x10000)\|0).toString(16).substring(1);
	};

	// Generate a pseudo-GUID by concatenating random hexadecimal.
	function guid() {
	return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());
	};

	<STYLE>
	button { border-color: red; background-color: white; font-size: 20px; }
	</STYLE>
	<BUTTON>CSS1 RLZ</BUTTON>

	// I mean, seriously, localStorage is supported even by your mum. How about instead of
	// casing the feature out, you give users in-memory (stale) storage instead?
	// If they close your application, they deserve to lose data anyway.

	// if (!('localStorage' in window)) {
	if (!Modernizr.localstorage) {
	window.localStorage = {
	_data : {},
	setItem : function(id, val) { return this._data[id] = String(val); },
	getItem : function(id) { return this._data.hasOwnProperty(id) ? this._data[id] : undefined; },

	# Adjust the line that says Dir.chdir so it points to the path where your
	# JavaScripts are stored.
	#
	# Usage:
	# Instead of linking scripts one by one with <script> tags, as in:
	# <script src="/js/jquery-1.5.2.min.js"></script>
	# <script src="/js/underscore.js"></script>
	# <script src="/js/backbone-min.js"></script>
	#
	# You can now go:

	ExpiresActive On
	<VirtualHost *:80>
	ServerName awesomebydesign.com
	DocumentRoot /usr/local/awesomebydesign.com/current
	Options -MultiViews
	ErrorLog /usr/local/awesomebydesign.com/log/error.log
	CustomLog /usr/local/awesomebydesign.com/log/access.log combined
	ExpiresByType image/png "access plus 3 days"
	ExpiresByType text/javascript "access plus 3 days"
	AddOutputFilterByType DEFLATE text/html text/javascript

	function selection() {
	return window.getSelection ? window.getSelection().toString() :
	document.getSelection ? document.getSelection().toString() :
	document.selection ? document.selection.createRange().text :
	false;
	}