Ext File Tree Widget

Jozef Sakalos has created a File Tree widget for Ext that features:

• Ajax load and display of nodes
• File type icons
• File upload
• Folder create
• File or folder delete
• File or folder rename
• File or folder move by drag & drop
• On demand folder reload

(Via Ajaxian.)

DOMDom: More DOM, Less DOM

Zach Leatherman has created another DOM creation class, DOMDom, (with support for HTML Fragments) that uses
the CSS query language. But instead of using the language to query nodes, it is used to create nodes.

To make <div style=”width:100%;border:1px solid blue” class=”testClass”><a href=”http://www.google.com/”><span>Google</span></a></div>, you’d have to do the following in other packages:

DomHelper:

PLAIN TEXT

JAVASCRIPT:

1.  
2. Ext.DomHelper.append( myDiv, {
3.    tag: ‘div’,
4.    style: ‘width:100%;border:1px solid blue;’,
5.    cls: ‘testClass’,
6.    children: [{
7.        tag: ‘a’,
8.        href: ‘http://www.google.com/’,
9.        children: [{
10.            tag: ’span’,
11.            html: ‘Google’
12.        }]
13.    }]
14. } );
15.  

jQuery’s FlyDom:

PLAIN TEXT

JAVASCRIPT:

1.  
2. $( myDiv ).createAppend(
3.    ‘div’, { style: ‘width:100%;border:1px solid blue;’, class: ‘testClass’ }, [
4.        ‘a’, { href: ‘http://www.google.com/’ }, [
5.            ’span’, {}, ‘Google’
6.        ]
7.    ]
8. );
9.  

This can be achieved in DOMDom, with comparable speed and code size with the following descriptor:

PLAIN TEXT

JAVASCRIPT:

1.  
2. DOMDom.append( { ‘div[style="width:100%;border:1px solid
3. blue",class="testClass"] a[href="http://www.google.com/"] span’:
4. ‘#Google’ }, myDiv );
5.  

Currently works with YUI, but it will probably be ported to jQuery and other libraries.

(Via Ajaxian.)

Ext 1.1 Release Candidate 1 Now Available

All current bugs reported to date for 1.1 have been addressed and additional documentation updates have been made. One notable change is the upgrade of DomQuery in 1.1 as well. It’s now even faster than before and handles more selectors. 1.1 is getting very close to final, so please let us know if you find any remaining bugs!

As usual, head on over to the Download page to grab your copy of RC 1.

(Via Ext JS News Archive.)

Upgrading from Dojo 0.4 to 0.9

The widget migration guide is mainly finished now, which means that now's a good time to start testing upgrading your apps to Dojo 0.9. I'd like to hear your experiences, particularly with anything in Dijit that needs to be fixed/changed before the 0.9 release.

We're still ironing out some issues so I can't guarantee that the API won't change slightly between now and production, but I think things are pretty stable and I'm not expecting any major changes. (Changes between beta and production are documented here.

So, come on, let's all live on the bleeding edge :-). But seriously, it's good to get as many eyes on this as possible before we release, because it's much harder to change things/fix things after the release is done.

Bill

(Via Dojotoolkit Happenings.)

CSS Selectors – Speed Myths

Jack Slocum has continued the CSS Selector trend by taking another look at the various frameworks and dispelling some CSS Selectors Speed Myths.

Jack talks about the various approaches, comparing Firefox support to cross browser support, and tweaks the slickspeed tests with a few others, ending up with:

(Via Ajaxian.)

LightWindow 2.0: Themed and Animated

LightWindow 2.0 has been released by Kevin Miller. The new release has been completely rewritten allowing for the user to build their own theme and animations.

Featuring

• Dynamic captions
• Create a window with a Javascript call
• Call LightWindow from an iframe
• More parameters to further customize the window presentation
• Improved default animations
• All Media including Flash Works perfectly now!
• Anything can be a gallery and you can mix and match (i.e. Flash Galleries, Image mixed with Flash Galleries, etc)
• Improved form handling or define your own handler.
• … and much more.

(Via Ajaxian.)

Adium 1.0.5

We’re happy to announce that Adium 1.0.5 is now available for download.

This last planned release of the 1.0.x series fixes a big handful of bugs and so is a recommended download for all Adium 1.0 users. Adium 1.1, the next major release which has been in development for the past year, will drop OS X 10.3 support, targeting OS X 10.4+ so we can bring you more of the shiny.

The most notable changes of Adium 1.0.5 include that problems with the chat transcript viewer incorrectly re-indexing transcripts have been fixed, login credentials for systemwide proxy servers are now read properly, and we’ve updated to libpurple 2.0.2. Also, AdiumLibpurplePlugins, which can let Adium make use of libpurple protocol plugins previously usable only in Pidgin, will now install properly, good news for users interested in adding Tlen support to Adium. See the Version History for the full scoop.

Thanks as always for the continued support of our excellent site and code host NetworkRedux and our download host Cachefly!

Get involved in open source development! See Contributing To Adium for information on helping out in general, contributing code, and donating. :)

(Via Adium News.)

Protoload: Ajax Loading

Andreas Kalsch has written a simple library, Protoload, that handles the Ajax loading events that are common place as a way to show users that something is happening on the server, in a particular location:

E.g. a faw XHR example:

PLAIN TEXT

JAVASCRIPT:

1.  
2.  
3. var R = new XMLHttpRequest();
4. R.onreadystatechange = function() {
5.   if (R.readyState == 4) {
6.     // Do something with R.responseXML/Text …
7.     $(‘thirdBox’).stopWaiting();
8.   }
9. };
10. R.open(method, uri, true);
11. $(‘thirdBox’).startWaiting();
12. R.send(method == ‘GET’ ? null : query);
13.  

(Via Ajaxian.)

New Dojo Offline Release

Dojo is proud to announce a new beta release of Dojo Offline. This release has a huge amount of exciting new functionality, including a full port to Google Gears, a port from Dojo 0.4 to 0.9, and more. Read more below.

Dojo Offline
is an open-source toolkit that makes it easy to create sophisticated, offline
web applications. It sits on top of
Google Gears, a
plugin from Google that helps extend web browsers with new functionality. Dojo
Offline makes working with Google Gears easier; extends it with important
functionality; creates a higher-level API than Google Gears provides; and
exposes developer productivity features. In particular, Dojo Offline provides
the following functionality:

• An
  offline widget that you can easily embed in your web page with just a
  few lines of code, automatically providing the user with network feedback,
  sync messages, offline instructions, and more

• A
  sync framework to help you store actions done while offline and sync
  them with a server once back on the network

• Automatic
  network and application-availability detection to determine when your
  application is on- or off-line so that you can take appropriate action
• A
  slurp() method that automatically scans the page and figures out all the
  resources that you need offline, including images, stylesheets, scripts,
  etc.; this is much easier than having to manually maintain which resources
  should be available offline, especially during development.
• Dojo
  Storage, an easy to use hashtable abstraction for storing offline data
  for when you don't need the heaviness of Google Gear's SQL abstraction;
  under the covers Dojo Storage saves its data into Google Gears
• Dojo
  SQL, an easy to use SQL layer that executes SQL statements and returns
  them as ordinary JavaScript objects
• New
  ENCRYPT() and DECRYPT() SQL keywords that you can mix in when using Dojo
  SQL, to get transparent cryptography for columns of data. Cryptography is
  done on a Google Worker Pool thread, so that the browser UI is responsive.
• Integration with the rest of Dojo, such as the Dojo Event system

To get started: See the Dojo Offline home page; read the new tutorial titled “Creating Offline Web Applications With Dojo Offline“; download the new Dojo Offline 0.9 beta SDK; and play with the demos.

(Via Dojotoolkit Happenings.)

Pixer 1.8 – Batch resize .png, .jpg, and .tiff images. (Free)

Pixer is a little application thet help you to rescale (or rotate, add pad and, crop) Png, Jpeg, Tiff, psd , bmp or Pict images in batch. Drag a image, a group of images or a folder of images into Pixer icon and type the size you want (for exemple 500 for 500 pixel): Pixel convert them to the typed size.
That’s all!

Hint 1: leave the insert window blank and press OK, Pixer leave the size unchanged and building the icon to all images.

Hint 2: for PNG 24bit, Pixer icon abilities preserve trasparency!

Hint 3: type H for 800pixel, M for 480pixel, L for 305pixel and T for 80pixel. If you use letters instead of numbers, Pixer insert a standard prefix and postfix in the name of image (image.jpg becomes H_image_1.jpg).

Hint 4: type percentage charter for rescale proportionally (50%, 74%, 16%)

Hint 5: type degree charter for rotate image (45°, 27°, 183°)

Hint 6: type two dimensions and Pixer crops or to adds pad to image (for example, “1440×900″ instead of “1440″)

(Via MacUpdate – Mac OS X.)