UI


Monday, May 22nd, 2006

Ajax Tabs Content script

Category: Toolkit, UI

DynamicDrive.com has provided yet another helpful script today in the form of this download – an “Ajax tabs content script”. The script makes it simple to grab content from extern files (in the same domain, of course) and pull them into a simple tabbed interface right there on the page. We got our inspiration for Read the rest…

Posted by Chris Cornutt at 7:43 am
38 Comments

+++--
3.9 rating from 522 votes

Buttonator – Drag & Drop Web Buttons

Category: UI, Utility

Creating an interface for your Ajax application is half of the struggle, so what is a graphically challenged individual supposed to do? Thankfully, there are resources like Buttonator.com out there to save the day. Buttonator is not about mid 90’s online button creation; it has taken a simple idea and made it useable for real Read the rest…

Posted by Chris Cornutt at 7:30 am
9 Comments

+++--
3.5 rating from 55 votes

Tuesday, April 25th, 2006

ThickBox: lightboxes with any HTML

Category: Toolkit, UI

Cody Lindley wanted to do more with the lightbox technique, so he created ThickBox. Why another box? My version of the Lightbox technique includes functionality similar to that of the Greybox technique. That is, ThickBox can show html pages as well as images. The html that is shown inside ThickBox is pulled from the server Read the rest…

Posted by Dion Almaer at 9:16 am
21 Comments

++++-
4 rating from 311 votes

Friday, April 21st, 2006

JavaScript Animations: Virtual Raster Scrolling and Rotating Cube Effect

Category: JavaScript, Library, UI

Yusuke Kawasaki has put together some interesting JavaScript animation classes. Animation.Cube – Rotating Cube Animation Effect I love seeingthe rotating cube effect when I switch desktops in my desktop manager. Now you can simply rotate images via Animation.Cube. Animation.Raster – Virtual Raster Scrolling Class Want to see a lot of td’s wiggle? Animate.Raster provides a Read the rest…

Posted by Dion Almaer at 10:38 am
17 Comments

+++--
3.7 rating from 49 votes

Wednesday, April 5th, 2006

An Ajax Powered Color Tool

Category: UI, Utility

Unfortunately, not all web developers are gifted with a sense of design and color. They code up their pages to work and plan on then worrying about “the fluff” around it when they’re done. Thankfully, there are several resources out there to help just such people, including this handy tool from Sharewonders.com. When you load Read the rest…

Posted by Chris Cornutt at 2:10 pm
13 Comments

+++--
3.8 rating from 71 votes

Monday, April 3rd, 2006

AjaxLoad – Custom Loading Indicators

Category: Showcase, UI

When your ajax applications start relying on external resources to grab the data they need, there’s sometimes a need for an indicator that there’s still activity going on behind the scenes. These icons are a step in the right direction, but with only the ability to change to black and white, there’s not much flexibility Read the rest…

Posted by Chris Cornutt at 6:37 pm
13 Comments

+++--
3.8 rating from 90 votes

Tuesday, March 21st, 2006

Microsoft’s Mix ’06 Conference

Category: .NET, Mobile, Toolkit, UI

The Ajaxians are at Microsoft’s Mix conference this week. Mix is a new event for Microsoft, designed to target those folks who aren’t the typical attendee of a Microsoft show. The content is basically a primer of what Microsoft is up to, focusing on IE7 and Avalon (WPF). Plenty of other news outlets are covering Read the rest…

Posted by Ben Galbraith at 8:15 pm
17 Comments

+++--
3.9 rating from 61 votes

Sunday, March 19th, 2006

WatchThisNext: Drag-And-Drop DVD Recommendations

Category: Showcase, UI

WatchThisNext.com uses Ajax to provide a variation on the theme of collaborative filtering that has been offered in the past by sites like Gnovies. [I]t’s basically Amazon web services + prototype/scriptaculous for the AJAX & the effects. The result is drag n’ drop dvd recommendations, which is hopefully a really quick interface to finding a Read the rest…

Posted by Michael Mahemoff at 4:11 pm
2 Comments

+++--
3.1 rating from 30 votes

Monday, March 6th, 2006

Effect.Reappear: Adding News Updater Portlet to Ajaxian.com

Category: Articles, Editorial, Prototype, UI

We wish we had more time to put Ajax features on to Ajaxian.com itself. We will get there! We did recently add a simple bit of Ajax, and a few people emailed us asking about it. The feature is the rotating set of sponsors that we have on the rightbar. This portlet uses Script.aculo.us effects Read the rest…

Posted by Dion Almaer at 10:18 am
8 Comments

+++--
3.9 rating from 63 votes

Friday, March 3rd, 2006

Javascript Tabifier

Category: Programming, UI, Usability

Tabs have always been used to navigate across different parts of a website, but we’re starting to see more of them appear in the middle of the page as well, where Ajax-style navigation is particularly compelling. So it’s nice to see some libraries help with navigation. Javascript Tabifier is Patrick Fitzgerald’s contribution. In the basic Read the rest…

Posted by Michael Mahemoff at 12:05 pm
14 Comments

++++-
4 rating from 61 votes

Tuesday, February 28th, 2006

Attack of the Ajax form builders

Category: Ajax, Component, JavaScript, Showcase, Toolkit, UI

Rapid form development with Ajax: JotForms, FormBuilder, and Wufoo

Posted by Rob Sanheim at 11:43 pm
43 Comments

++++-
4 rating from 142 votes

Friday, February 24th, 2006

Creating sortable lists with PHP and AJAX

Category: PHP, Programming, Prototype, UI

phpRiot has posted a tutorial that pairs PHP and Ajax together (the perfect combination?) to create sortable lists. ou might have been in a situation before where you had a list of items in your database that needed to be output in a specific order. These items could be anything: perhaps a listing of your Read the rest…

Posted by Chris Cornutt at 11:16 am
9 Comments

+++--
3.7 rating from 140 votes

Thursday, February 23rd, 2006

SVG Terminal Released

Category: Toolkit, UI

The SVG Terminal has been released. The SVG Terminal is a javascript module for Firefox 1.5 that enables apps to deliver rich views on network screens and fine-grained interactivity with users. It directs all user input from the browser to the app, which sends updates as SVG fragments to the browser. For more on how Read the rest…

Posted by Dion Almaer at 10:09 am
4 Comments

+++--
3.7 rating from 19 votes

Monday, February 20th, 2006

Screencast: Data Grid as Example of Rich Ajax

Category: Programming, UI

The other day, we linked to Harry Fuecks’ distinction between HTML++ (regular web app with a bit of Ajax thrown in) and Client/SOA (full-blown rich Ajax app). As I’d been discussing a similar idea (Ajax-Lite versus Ajax-Deluxe), I posted a followup. Now Andre Charland of eBusiness Applications has chimed in with a 6-minute screencast: When Read the rest…

Posted by Michael Mahemoff at 7:24 pm
9 Comments

++++-
4.2 rating from 26 votes

Friday, February 17th, 2006

Flash without Flash with Script.aculo.us

Category: JavaScript, Prototype, UI

Thomas Fuchs linked to a site that many thought was Flash, but in fact was just using Script.aculo.us. The site is christofwagner.com and shows off portfolio of the artist.

Posted by Dion Almaer at 10:42 am
8 Comments

+++--
3.8 rating from 29 votes

Tuesday, February 14th, 2006

Yahoo! User Interface Library: Yahoo! Open Sources Internal Library

Category: JavaScript, Library, Toolkit, UI, Yahoo!

Yahoo! has just publicly launched two new (previously internal) libraries as well as a companion blog. Since Yahoo! has a lot of fantastic dhtml developers, this looks really promising. Do you want Yahoo! Mail? :) Yahoo! User Interface Library Yahoo! Design Pattern Library Yahoo! User Interface Blog Bill Scott of Yahoo! told us about the Read the rest…

Posted by Dion Almaer at 5:11 am
11 Comments

+++--
3.4 rating from 82 votes