Web Info & Tutorials

April 23rd, 2008

TAKING WEB APPLICATIONS OFFLINE, TO THE DESKTOP, AND BEYOND

Ryan Stewart of Adobe and I got to give a joint talk this morning that covered Adobe AIR, Gears, and how you can build offline and desktop applications right now.

Obviously, Ryan gave an overview of AIR, and I did the same for Gears. We also discussed reasons to be excited about Web development, some of the ideas that are out there in the community, and how AIR and Gears can be seen as complementary.

We had some requests to put the slides online, so here they are below. I know it is hard to peruse slides without the talk over, but just think of it as a fun exercise to wonder what we said :)

If you are at Web 2.0 Expo, give me a shout on twitter.


April 23rd, 2008

TO GWT EXT OR TO EXT GWT?

One part of the Ext JS 2.1 release was the prominence of the sub project Ext GWT, a project that lets you code in Java with GWT while using the Ext components and framework.

But wait a minute, I thought that that project was GWT-Ext? Or wasn’t there something called MyGWT too? Confused?

Didier Girard has come to the rescue. He has discussed the different projects, how Ext GWT (the new one) is actually a repurposing of MyGWT. He also lists the differences, in his opinion, between the two projects (noting that the latest one is going to be rev’ing quickly):

April 23rd, 2008

EMBED YOUR DATA- IN HTML 5

Simon Willison pointed out the part of the HTML 5 spec that discusses a way to add attributes to HTML elements for your own needs via data-.

For example, a spaceship for a game:

HTML:
  1.  
  2. <div class="spaceship" data-id="92432"
  3.      data-weapons="laser 2" data-shields="50%"
  4.      data-x="30" data-y="10" data-z="90">
  5.  <button class="fire"
  6.          onclick="spaceships[this.parentNode.dataset.id].fire()">
  7.   Fire
  8.  </button>
  9. </div>
  10.  

Every HTML element may have any number of attributes starting with the string "data-" specified, with any value.

These are intended to store custom data private to the page or application, for which there are no more appropriate attributes or elements.

The dataset DOM attribute provides convenient accessors for all the data-* attributes on an element. On getting, the dataset DOM attribute must return a DOMStringMap object, associated with the following three algorithms, which expose these attributes on their element:

Simon points out that "this will be incredibly useful for unobtrusive JavaScript where there’s no sensible place to store configuration data as HTML content. It will also mean Dojo has an approved method for adding custom attributes to declaratively instantiate Dojo widgets."

April 23rd, 2008

TIMEFRAME: PROTOTYPE DATE RANGE COMPONENT

Stephen Celis got tired of wiring together two date pickers for the common use case of grabbing a date range, so he created timeframe, which is "Click-draggable. Range-makeable. A better calendar."

Based on Prototype, you can whip up some code such as:

JAVASCRIPT:
  1.  
  2. new Timeframe('calendars', {
  3.             startfield: 'start',
  4.             endfield: 'end',
  5.             previousbutton: 'previous',
  6.             todaybutton: 'today',
  7.             nextbutton: 'next',
  8.             resetbutton: 'reset' });
  9.  

And then you get:

timeframe

Check out the live example to really see it at work.

April 23rd, 2008

ORAOWEB: QUICKTIME + JAVASCRIPT

We fresh saw the grounds of construct for a JavaScript recording contestant in JSONVid.

Pascal Vuylsteker has matched JavaScript and Quicktime to create OraoWeb. He puts a call discover to debate that Flash isn’t the exclusive power of recording and talks most the shortcomings:

  • Clean alacritous forward
  • Fast rewind
  • Jog Shuttle
  • Frame by inclose travel nervy and backward
  • Direct admittance to whatever inclose
  • Precise aggregation most the currently displayed frame
  • Precise aggregation most the turn of already downloaded accumulation (in proportional download)
  • Selection curb (constraint the guidance within the video)
  • Can feature whatever format
  • Encrypted cache, no cushy artefact to pillager the video, modify in proportional download

He then says that he wishes Quicktime would hold flooded concealment better, and the multi-platform news isn’t as beatific as Flash (no Linux).

Check discover his demonstrate to wager whatever of these features in action:

OraoWeb