ArtLung [Joe Crawford]

Back in 2010 I mentioned presenting on ArtLung Rosetta. Well, the thing I wanted to do back then, I have finally done, and that’s add AJAX examples for all the libraries.

So, for example, here’s loading a chunk of HTML into a certain div from a link click in the different libraries:

dojo

	dojo.connect(dojo.byId('ajaxloadHtml'), 'onclick', function(e){
		dojo.xhrGet({
			url : "ajax/chunk.html",
			handleAs : "text",
			load : function(response, ioArgs) {
				dojo.byId('ajaxOutput').innerHTML = response;
				return;
			}
		});
		dojo.stopEvent(e);
	});

Ext Core

	Ext.get('ajaxloadHtml').on('click', function(e, target){
		var url = 'ajax/chunk.html';
		Ext.Ajax.request({
			url : url,
			method: 'GET',
			success: function ( result, request ) {
				Ext.get('ajaxOutput').dom.innerHTML = result.responseText;
			}
		});

	}, null, {preventDefault:true});

Glow

	glow.events.addListener('#ajaxloadHtml', 'click', function(){

		var url = 'ajax/chunk.html';
		var opts = {
			onLoad: function(data){
				glow.dom.get('#ajaxOutput').html(data.text());
			}
		};
		glow.net.get(url, opts);
		return false;
	});

jQuery

	$('#ajaxloadHtml').bind('click', function(){
		$.get('ajax/chunk.html',null, function(data){
			$('#ajaxOutput').html(data);
		});
		return false;
	});

MooTools

	$('ajaxloadHtml').addEvent('click', function(e){
		var url = 'ajax/chunk.html';
		$('ajaxOutput').load(url);
		e.stop();
	});

Prototype

	$('ajaxloadHtml').observe('click', function(evt){
		var url = 'ajax/chunk.html';
		new Ajax.Request(url, {
		  method: 'get',
		  onSuccess: function(transport) {
		  	$('ajaxOutput').update(transport.responseText);
		  }
		});
		Event.stop(evt);
	});

You can fork the project on GitHub if you are so inclined.

One thing I’ve really come to enjoy is the process of wireframing. Wireframing is low-fi design for a digital product. I do it for websites and apps. It’s a lot of fun. The tool I generally use is Balsamiq Mockups, which runs on Mac or Windows.

I’m doing some housekeeping, so here’s a wireframe from the Hello Lonesome website, from back in 2010.

It was a great way to come to quick agreement on what was actually to be built. In this case we built a WordPress theme to support this design and allow the Director/Writer/Producer of Hello Lonesome, Adam Reid, to manage the site himself. He also wanted to make sure the trailer was front and center, and that opening other content pages didn’t interfere with the trailer. That’s pretty much how it ended up, with a few minor exceptions in the case of much heavier pages.

William Holden is a soldier
and Nixon will not send him home
with every card game he gets older
so when on leave he needs to roam
don’t judge him by his desires
the puppet wires
are strong
oh

William Holden is a BART rider
bound for Hong Kong or Seoul
William Holden holds a token
and asks
“Does this plane flow to tokyo?”
in his nightmare she’s a vampire,
and an empire,
and a song oh
but when he wakes up
there ain’t no Suzy Wong
no
there ain’t no Suzy Wong

William Holden is a brush fire
and only ghosts will walk him home
and in his horror movie quagmire
the truth got stripped right to the bone
he never was much of a listener
he needs a prisoner
to go with his war
oh
so come along
on the search for Suzy Wong
there ain’t no Suzy Wong
no

Hans moved back to live in Hamburg
he bought a wife,
didn’t you know?
she does the unthinkable absurd
she nails him to a pedestal
in his nightmare free of feeling
he is kneeling
at her throne
and she holds a cold revolver,
a problem solver,
her chaperone
and you and know this is not right
but after midnight
your halo’s gone
one suitcase into the street hurled
and half of his world
is still Viet Cong
oh, don’t you sing along

there ain’t no Suzy Wong
no
there ain’t no Suzy Wong
no
there ain’t no Suzy Wong

from the new Making It. Buy it on Amazon MP3 or iTunes

The Chumby (Chumby Classic, Pearl Edition) is not really for work, but it should provide some entertainment for my co-workers. Which you may recall (unlikely, really) I won back in June 2008 at the L.A. Flash Users Group.

Yesterday I modified my site joecrawford.com.

I purchased the domain in 1999 thinking that it would be important to have a more “professional” domain than “artlung.” I go back and forth about the utility of that.

Back in 2011 sometime, I decided to remove most of the ways to contact me, and remove the self promotional aspects, and left a cryptic, and to my eye now ugly SVG file. It looked like this:

Before that, it looked like this, not really much better:

When I first bought the domain in 1999, I was attempting, poorly, for a k10k look. This didn’t last long.

Enough with the history lesson. When my Mom died I think I didn’t have a lot of stomach for self-promotion or trying to reach out to people. I was a mess. Still am, a bit, in some ways.

But I’m enjoying the craft of web development these days. I like to make websites. I like changing them. I like using the new and excellent tools we now have available. Twitter Bootstrap–I just call it Bootstrap–is an incredible tool that does a great deal with a very small filesize footprint. It does a rational CSS reset, provides a set of “magic classnames” that you can use to get a very quick and smart layout. I really like it so far. So here’s what joecrawford.com looks like now:

It’s very plain, and does not vary from the default Bootstrap colors. But it plants a flag about what I am doing and what I’m about. I’m not sure it does everything I want. I’m not sure about everything I need it to do. It doesn’t mention my current employer or link to my resume. But it mentions the networks I’m part of and how you might try to reach me.

So why don’t I colophon you a bit? I’m using HTML5, fairly plain CSS, Google Web Fonts (that one’s Michroma, which looks like the old Microgramma). I’m using the default .container class so it’s 960 pixels wide and centered. I’m also using Magpie RSS under the hood to pull in my last 20 public flickr photos (which also pulls in my Instagram photos) flickr’s API. That means it should update regularly as I do more photos with Instagram. That uses the .media-grid of Bootstrap. What else? I think that’s it.

Thanks for reading, all ten of you.

What is tumblr?

Duck Man! from Basquiat

Quote of the day, from Tom Bickle:

Now that I’m 40, my days flip by like the pages of a book left open in a storm. It’s Monday. It’s Friday. It’s Monday again

Star Wars Uncut: Director’s Cut.

Star Wars ’77. Chunked into 15 second segments. Segments claimed by filmmakers, amatuers, animators, goofballs, and then the segments are reassembled into Star Wars.

Certain people will find this beautiful, wonderful, incredible. I expect some people won’t be able to watch more than about 6 minutes.

I watched the whole thing.

Probably more fun to watch with an audience. Also better to watch on a couch, probably.

Reminder: I loved Star Wars

I updated my Open Graph Protocol Tools plugin, on GitHub and on WordPress.org‘s SVN.

It’s been a long time since I updated the plugin, shamefully long time actually. But hopefully I’ve addressed all the existing issues and if any new ones come up I can knock them out quickly.

Funky Monk, from Small Fry, a wonderful short that played before The Muppets, which Leah and I saw a while back.

DRANK

I asked Leah to take this one back in March. We’d moved out here. We had gone out to Ray at Night. That’s where it was taken. It’s a close up photo of the workbench of an artist. I think it’s at the very southeastern corner of Ray street. It’s a little directed-at-him-or-herself graffito to, “FOCUS!!!” AND “GIVE THANKS.”

That’s how artists get stuff done.

Affirmations are awesome.