November 19th, 2007 Posted by Don Albrecht
David Spurr’s Image Cropper is a powerful and easy to use widget for image cropping.
Some Features:
- Un-obtrusive
- Selection can be moved & resized
- Drag & Drop interface
- Size can be restricted to ratio
- Size can be restricted to minimum dimensions
- Size can be restricted to maximum dimensions
- Dynamic Preview
- All operations bounded by image
Get it here: http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/
November 15th, 2007 Posted by Don Albrecht
Following in his tradition of delivering, simple, easy to use widgets for beautiful design driven development, Brian McAllister has released this spectacular table widget.
Here are some of the key features:
- Unobtrusive and nameSpace friendly
- Powerful Zebra Striping Support
- Supports row hover and column hover effects
- The “current” cell can be highlighted
- Multiple Rows can be selected / highlighted
- Intelligently deals with rowSpans and ColSpans
- Table rows can be selected “onclick” with callback support
- Extremely fast & responsive
Check it out at http://www.frequency-decoder.com/2007/11/15/unobtrusive-table-actions-script
November 15th, 2007 Posted by Don Albrecht
I’ve posted a bug fix release to the Layout Tool.
Changes:
- Dramatic improvements to selecting
- Fixed script error for IE 7.
Known Issues:
There are still major issues with IE 7 and it doesn’t work well in IE 6 yet. If anyone has a clue why the color of the div gets progressively darker in IE 7, I’d appreciate it.
You can testdrive the new version at:
http://www.ajaxbestiary.com/Labs/BLT2/index.htm
November 14th, 2007 Posted by Don Albrecht
Here’s a quick and dirty little jQuery plugin to create text areas that automatically resize.
I based it off of Richard McMahon’s Prototype Version
jQuery.fn.smartArea = function (){
return this.each(function() {
if (!jQuery(this).is("textarea")) {
return false;
}
jQuery(this).click( function(){
jQuery.SA.resizeArea( this ); } )
.keyup( function(){
jQuery.SA.resizeArea( this ); } );
return this;
});
}
jQuery.SA = {
resizeArea : function ( t ) {
var lines = t.value.split('\n') || [];
var newRows = lines.length;
var oldRows = t.rows;
for (var i = 0; i < lines.length; i++)
{ var line = lines[i]; if (line.length >= t.cols) newRows += Math.floor(line.length / t.cols);
}
if (newRows > t.rows) t.rows = newRows;
if (newRows < t.rows) t.rows = Math.max(1, newRows);
}
}
November 14th, 2007 Posted by Don Albrecht
Mootoos 1.2 Beta has landed and if you plan on using it soon, you need to get cracking porting & learning the new API.
Some of the changes:
- Test Suite Integration
- Fx.Tween & Fx.Morph to Fx.Style
- Hashables
- Sortables (brand new version)
- Number Math integration
- Improved object inheritance with Extend & Implement
Read all about it here:
http://blog.mootools.net/2007/11/14/mootools-1-2-beta-1
via Clientside
November 14th, 2007 Posted by Don Albrecht
It’s up, I’ve posted a new version of the Blueprint Layout tool to:
http://www.ajaxbestiary.com/Labs/BLT2/index.htm
You can view my earlier post to see what’s new and different with this version:
http://www.ajaxbestiary.com/2007/11/13/blueprint-layout-tool-progress/
Please post any feedback you might have below.
November 13th, 2007 Posted by Don Albrecht
I’ve been working on a new version of the blueprint layout tool over the past few days. In order to build a foundation for the eventual goal of a wysiwyg, drag & drop editor with semantic markup I’ve needed to refactor the code & change several behaviors.
Current Status
- Updated entire engine to Blueprint 0.6
- Ported application from YUI to jQuery
- Implemented multi-select capabilities
- Replaced nested sorting of elements with explicit group & ungroup functionality
- Added functionality to set & remove “.last” class on columns
- Added Ghosting to sort functionality.
Going forward:
I hope to have the new version posted some time tonight. I hope to assimilate any major bug fixes & the blueprint grid generator into the next release. Then I’ll be working on semantify integration.
November 13th, 2007 Posted by Don Albrecht
As excellent as Xinha, YUI RTE, Tiny MCE, FCK & the other heavyweight Rich Text Widgets are, they can be massive overkill for many projects Weighing in at only 7k (uncompressed). This jQuery Editor is an incredibly light weight and responsive alternative to the big guns for most projects.
Features:
- Stylesheet based formatting
- Image support
- Link Support
- Strong, emphasis
- Bulleted list
- Source view
Supported Browsers
- IE6+
- Safari 3+
- Firefox
- Opera
Check it out online here:
http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html
November 13th, 2007 Posted by Don Albrecht
Plotr is an excellent charting library built in prototype. It outputs to a Canvas / SVG drawing object. (IE 6+ Support is powered by the ExplorerCanvas library).
It currently supports:
- Bar Charts
- Line Charts
- Pie Charts
- Chart Legends
All in all, it’s an excellent lightweight library for adding basic data visualization capabilities to your app. More importantly, the chart’s it generates are simply stunning, complete with drop shadows, white outlines, & well designed default color schemes.
Check it out online here:
http://solutoire.com/plotr/
November 12th, 2007 Posted by Don Albrecht
Digitart has released a wonderful pdf cheat sheet for Blueprint Development. For those of you who may be considering switching to a Blueprint based workflow, or for those of you currently using blueprint I highly recommend this tool as a handy aid for coding.
It’s available online here:
http://www.digitart.net/blueprintcss/bluebrintcss.pdf
Latest Posts