"Script Island" is what I'm calling a design pattern I alluded to here. The pattern is to embed Javascript in your HTML like so: PLAIN TEXTHTML: <script id="greeting" type="x-deferred-script"> alert("this is my script - it's eval'd on demand"); </script> When the page loads, the browser should say "I don't know what 'x-deferred-script' is, and therefore ignore the concents [...]
Design Pattern: Script Islands
December 6th, 2009 · 3 Comments
Tags: SoftwareDev
It starts with a Yellow Fade: The need for a more comprehensive understanding of visual effects on the web
October 8th, 2009 · 2 Comments
Around the time Ajax got coined, one of the already-known patterns was 37Signals' Yellow Fade Effect. As techniques were shared and visual effects libraries emerged, we began to see visual effects become commonplace on the web. I documented four of them in Ajax Design Patterns: One-Second Spotlight, One-Second Mutation, One-Second Motion, Highlight. (I wish I [...]
Tags: SoftwareDev
SVG and VML in One Chameleon File
May 1st, 2009 · 11 Comments
Why a Chameleon File? While most browsers support SVG, IE's unique brand of interopability does not extend that far; even the latest and greatest, incarnation v. 8 of IE, has no sign of SVG. And so, we citizens of the innernets are left with two vector graphics formats: VML for IE, SVG for standards-compliant browsers, which [...]
Tags: SoftwareDev
Injecting HTML into an IFrame
August 5th, 2008 · 12 Comments
Walking through Tiddlywiki source (write-up to follow), I noticed some interesting code in TiddlyWiki.js, importTiddlyWiki function. The code takes a string and injects into an IFrame. I had talked to Jon a little while ago about a similar problem and was wondering about it ever since. The technique here looks like this: It wraps the text with [...]
Tags: SoftwareDev
A Video Sharing Website based on Web 2.0 Patterns
July 1st, 2008 · No Comments
We've done a little group exercise at the TOOLS web 2.0 patterns workshop. Designing a video website, with heavy emphasis on mashing up, e.g. show videos from youtube, grab recommendations from netflix, grab friend lists from Facebook, etc. Here's the full feature list (click for full image): And the design: We eventually identified features, at back end and [...]
Tags: HumansAndTech · SoftwareDev
OpenSocial: A Beautiful Platform for Server-less Web Development
June 26th, 2008 · No Comments
It's belatedly dawned on me how OpenSocial makes a great server-less Ajax platform. When you create an OpenSocial gadget, you're building a lil Ajax app that performs much coolness that would normally require a server, but doesn't. Effectively, you're delegating the duties of the gadget's host environment. All you have to do is write a [...]
Tags: SoftwareDev
Dual-Side Templating
February 14th, 2008 · 11 Comments
Ajax, Ajax Patterns, Javascript, Server-Side Javascript As server-side Javascript continues to gather momentum, patterns will start to emerge. Dual-side templating, which I'll explain below, is a pattern I've been harping on about for a while because you can kinda sorta use it already with a product like Rails. It will be a lot more powerful with [...]
Tags: Links · SoftwareDev
