August 30th, 2007 Posted by Don Albrecht
GWT 1.4 was released today. This is the first non-beta release of the software and includes numerous improvements to improve the usability of the code.
New Features:
- Rich Text Area, Improved Split Panels, Suggest Box & Buttons
- Image Bundle to automatically consolidate image downloads
- Servlet independence to allow any Java back-end infrastructure
- Benchmarking system based on J-Unit
- GWT can be added to HTML with simple <script> tag
- Synchronous loading of external files
- Ability to pull files across multiple domains
- RPC whitelists automatically generated
You can download the new release at:
http://code.google.com/webtoolkit/download.html
More info on the release can be found here:
http://googlewebtoolkit.blogspot.com/2007/08/gwt-14-release-and-out-of-beta.htmlÂ
Filed under Uncategorized
August 29th, 2007 Posted by Don Albrecht
Name: ext Javascript Library
URL: http://extjs.com
Native Server Environment: None
Included Widgets: Grids, Layouts, Panels, Menus, Buttons, Form, Tree, ComboBox, Dialog, Tab Panel
Download Size: VariableOriginally developed as an add on library for the YUI toolkit, ext has emerged as a powerful and capable toolkit in its own right. Ext has a powerful focus on widgets and application construction similar to Dojo’s dijit system. It’s biggest strength, however, is the fact that it can float on top of just about any underlying AJAX library or stand on its own.
Some Highlights
- Powerful animation & effect tools
- Excellent editable grid widget
- Compatible with several major AJAX libraries
- YUI
- Scriptaculous / Prototype
- jQuery
- Powerful Skinning System
Some Drawbacks
- A bit of a learning curve
- Demo’s & tutorials may not work due because they were coded for different underlying library
- Depends on underlying library for many key functions, some features don’t work well with all libraries.
- Focus on XML or JSON for some tasks & in documentation
August 22nd, 2007 Posted by Don Albrecht
There’s a myriad of AJAX frameworks out there to streamline the development of interactive sites. While methods of implementation vary and the functionality toolkits offer can vary dramatically. All toolkits fundamentally provide you with certain key features.
Basic Features
- Simplified AJAX calls. All frameworks streamline the way in which you process POST and GET requests by abstracting away the cross browser descrepancies.
- Improved DOM Access. All frameworks improve interactions with the DOM through performance benefits and improved API calls.
- Object Orientation / Elements. All frameworks provide a level of object oriented abstraction to simplify and structure coding as well as some level of abstraction for DOM nodes.
- JSON Support. Most if not all frameworks provide strong support for the JSON data interchange standard.
Advanced Features
There are also some advanced features common to most if not all frameworks.
- Drag & Drop. Most frameworks provide tools for manipulating elements via drag & drop.
- Animation. Many frameworks provide animation tools to enhance the interface. These can vary dramatically between toolkits in performance & available effects, however.
- Event Handling. Since the default javascript event model can be slow and buggy at times. Most frameworks abstract away the default event system with a new slots & sockets approach.
Filed under Uncategorized
August 14th, 2007 Posted by Don Albrecht
Here are 5 open source WYSIWYG editors you might consider for your upcoming development projects. Rich Text Editors are one of the workhorses of modern web applications. Providing simplified wysiwyg formating of content for forms, RTEs have become a favorite among users.

Tiny MCE stands out as the most popular of the modern editors. The high flexibility, simplified theming and extreme ease of use the editor provides are highly regarded and well praised. Some key features:
- Microsoft Word Cleanup Filter
- Ability to fine tune available buttons
- Ability to restrict html to certain css styles
- Excellent Media import tools
- Simple API for custom features
- Skinable

A venerable successor to HTMLArea, Xinha combines flexibility with a slick interface. Although once relegated primarily to the Zope / Plone universe. Xinha has lately emerged as a powerful stand alone editor. Many developers prefer its media & css tools to those of Tiny MCE
- Microsoft Word Cleanup Filter
- Highly Configurable
- Ability to restrict html to certain css styles
- Powerful Media import tools
- Skinable

Although still popular, FCK editor doesn’t compete as well against the top tier wysiwyg editors as it once did. The interface seems clunky, especially compared to Xinha or Tiny MCE. And there’s always the issue of the name, I’ve had it shot down from a project spec because of it. The software is included here out of completeness and the fact that it is still widely used and adopted.
- Extensive capabilities
- Established & heavily deployed
The Dojo Editor Widget is an integral part of the Dojo Ajax Toolkit. It is included here because of the compelling features that make it unique. Chief among these features is the ability to share one toolbar across multiple editor instances. It is this ability to provide a traditional application toolbar feel when multiple editors are in use that sets the Dojo Editor apart and inspired me to include it here today.
- Skinable
- Shared Toolbar Support
- Powerful API

Finally, an editor that works in Safari. Built on the YUI toolkit, the beta form of the Yahoo Rich Text Editor was designed from the ground up to work in Safari. By coding for Safari first and then modifying the code to create something that worked in Opera, Firefox & Internet Explorer. Dav Glass created a cross platform editor that surpasses every other editor in this list for browser support. The other unique feature of the YUI editor is web 2.0 / Mashup support and integration. By integrating a unique Flickr photo picker & useful insert link tools the YUI RTE has emerged as a force to be reckoned with in the WYSIWYG world.
- Flickr Photo Picker
- Link Picker Tools
- Powerful API
- Skinable
- Safari Support
August 14th, 2007 Posted by Don Albrecht
Dav Glass talks about the work & decisions that went into the new YUI Rich Text Editor.
You can read his article here:
YUIBlog.com
Filed under Uncategorized
August 13th, 2007 Posted by Don Albrecht
There are two extremely powerful CSS frameworks available to web developers at this time: blueprint & yui css. Both provide a basic css reset, simplified font formating & powerful layout tools. It is the layout tools that will most influence your decision as to which framework makes sense for your project.
Blueprint is based on a strict layout grid. All objects are defined in terms of 14 columns that define a 950px wide layout. Complex layouts can be defined by carefully constructing columns & collections of columns. There is no limit to recursive depth, however no column can be less than 70 pixels wide and all columns are a multiple of 70 pixels. This ensures that everything on the page lines up cleanly.
YUI uses a more flexible template & divider route. All YUI layouts begin as a document with a predefined width ( 750px, 950px, 974px, 100% or a custom width). A single sidebar can then be added to the left or right in a predefined width ( 160px, 180px, 240px, 300 px). Lastly, the body can be recursively divided using grid tools into thirds, quarters & halves.
So, which one should you use?
Use YUI if you need a layout in a dimension other than 950px or if your layout requires division by thirds or quarters across the entire width.
Don’t use YUI if you need to create objects that are a width other than 2/3, 1/3, 1/2, 1/4 or 3/4 of their container e.g. (5/6, 7/8) or if you need more precise control of dimensions.
Use Blueprint if you need fine grained control & precise positioning in a standard 950px layout. Generally, Blueprint based layouts are much more manageable over the long run & easier to code. Unfortunately they have higher bandwidth consumption & fewer options than a YUI layout.
August 3rd, 2007 Posted by Don Albrecht
A lot of progress has been made on the Dojo 3d Graphics Library recently. Graphics are one of the strongest selling points of Dojo over other libraries and these ongoing improvements to the system in the runup to dojo 1.0 are for all intents and purposes amazing.
The newest announcement is the successful integration of a lighting model into the toolkit
http://dojotoolkit.org/2007/08/03/let-there-be-light
Filed under Uncategorized
August 3rd, 2007 Posted by Don Albrecht
Name: Rico JavaScript Library
URL: http://openrico.org
Native Server Environment: None
Included Widgets: Accordion, Live Grid
Download Size: 22 KB (compressed)
Rico is a useful JavaScript Library built on the back of Prototype. Similar to Scriptaculous, the library provides a set of visual effects, Ajax tools, and Drag & Drop Support. Long thought Dead, the Rico project recently regained life & inertia with the addition of a new developer and Rico 2.0 Beta is on the horizon.
Unique to Rico is its concept of Behaviors as well as Livegrid. Rico behaviors are similar to dojo widgets in that they dynamically enhance existing html elements on a page with interactivity. The most popular Rico behavior is probably the accordion which provides an accordion pane similar to those offered in Adobe Flash, Flex & Open Lazlo.
Perhaps the most interesting of Rico’s features is the Livegrid. This is a powerful AJAX widget designed to be plumbed to a server side data source. The live grid replaces traditional paged data with a powerful sort tool & the ability to load data as needed by a scroll. This prevents the need to ever click on a “next page” allowing datasets greater than 1 thousand rows to appear as a single html page.
Some Highlights
- Powerful animation & effect tools
- Unique Live Grid Widget
- Accordion Widget
- Shape & Color tools
- Concept of Abstracted Behaviors
Some Drawbacks
- Requires Prototype
- Development occurs in fits and starts
- Limited advanced widgets
- Lacking in API’s for data & date manipulation
- Doesn’t always play well with other JS scripts on a page.
Filed under Uncategorized
August 3rd, 2007 Posted by Don Albrecht
Name: jQuery JavaScript Library
URL: http://jquery.com
Native Server Environment: None
Included Widgets: None
Download Size: 22 KB (compressed)
jQuery is an extremely powerful way to access and manipulate the DOM. Fundamentally, jQuery is a query tool that encapsulates DOM elements & provides hooks for events, effects and many other useful things. It is this fast and simple way of querying a document for given nodes & manipulating the nodes that gives jQuery it’s power & name.
The fundamental drawback of jQuery is the long and rather convoluted syntax that can emerge as one tries to navigate more complex action and events. Also, although the library is excellent for accessing the DOM, The same syntax can be quite cumbersome when applied to AJAX requests.
Some Highlights
- Tiny download size
- Extremely Flexible
- Powerful animation & effect tools
- Unique and poweful manipulation & traversal of the DOM
Some Drawbacks
- Command Strings can be long & difficult to debug
- No Advanced widgets.
- Lacking in API’s for date manipulation
- Utilities class, while useful, doesn’t contain much.
Filed under Uncategorized