Cheat Sheets for the YUI Utilities
The YUI development team has begun drafting some cheat sheets -- inspired by the handy references published by ilovejackdaniels, among others -- that give you a one-page dashboard of documentation for each of the library's components.
Blog:
mHub -
Read More...
Working with the Google Web Toolkit
The Google Web Toolkit (GWT) is, in essence, a JavaScript generator. The interesting thing is what this JavaScript is generated from: Java. GWT takes Java code written against a special API and converts it into browser-runnable Ajax code. If that weren't enough to make it cool, it also includes a test harness (see Figure 1) that will execute the Java code inline with a test browser, allowing you to step-through debug (see Figure 2), profile and unit test your Ajax front end in your favorite IDE or at the command line.
Blog:
mHub -
Read More...
Narrative JavaScript
Narrative JavaScript is a small extension to the JavaScript language that enables blocking capabilities for asynchronous operations. This makes writing asynchronous code sequences easier and increases code readability.
Blog:
mHub -
Read More...
Responsible Asynchronous Scripting
Asynchronous or remote scripting has been lurking in the background of web app development for quite some time now. Originally dependent on proprietary technology like Java applets, ActiveX and Flash or clever combinations of disparate technologies like images and cookies, native support for the XMLHttpRequest (XHR) object in modern browsers has made it easier than ever to make web apps more responsive and more like their desktop counterparts. This lower barrier to entry also makes it easier to make poor decisions and inappropriate use of a powerful technology.
Blog:
mHub -
Read More...
More Rounded Corners with CSS
More rounded corners: Taking the "Sliding Doors" approach to fluid, rounded-corner/border/shadow-based dialog boxes, with examples .
Blog:
mHub -
Read More...
Editable JavaScript TreeGrid
EJS TreeGrid is DHTML component written in pure JavaScript to display and edit data in table, grid, tree view or grid with tree on HTML page.
Blog:
mHub -
Read More...
Ajax Tabs Content Script
This tab content script uses Ajax to let you display a selection of external content on your page inside a DIV and via CSS tabs! We got our inspiration for this script from Yahoo's new homepage, which employs such a concept to show news in an organized fashion.
Blog:
mHub -
Read More...
Serving JavaScript Fast
The next generation of web apps make heavy use of JavaScript and CSS. We'll show you how to make those apps responsive and quick.
Blog:
mHub -
Read More...
AJAX:Getting Started - MDC
This article guides you through the AJAX basics and gives you two simple hands-on examples to get you started.
Blog:
mHub -
Read More...
AdvancedAJAX 1.1
AdvancedAJAX is a JavaScript object allowing to use XMLHttpRequest object easier and speeding up development of AJAX based projects. It consists a bound of methods helping creating queries, error handling, usage with HTML forms as well as connection timeouts and reconnecting.
Blog:
mHub -
Read More...
SilverStripe AJAX Tree Control
Nice AJAX tree tutorial and script using Prototype and Behaviour libraries.
Blog:
mHub -
Read More...
Easy AJAX inline text edit 2.0
As everybody knows, refreshing pages is so 1999. AJAX, DOM, whatever you call it makes it possible to let people edit a piece of text inline without having to use a submit button.
Blog:
mHub -
Read More...
jsScrolling
Nice javascript text scroller with examples.
Blog:
mHub -
Read More...
Javascript Motion Tween
Nice tutorial on how to do a purely javascript powered motion tween.
Blog:
mHub -
Read More...
Really easy field validation with Prototype
I wanted a robust javascript validation library that was simple to implement and didn't require me do any extra work other than creating the form.
Blog:
mHub -
Read More...
Introducing AjaxSpy
While playing with the new RJS templates in rails, I found it difficult to know what was actually being returned from my requests. Thus, AjaxSpy was born. It's a simple JavaScript and CSS file. All you need to do is include the js file in the header of your document, the css is automagically included (must be in the stylesheets directory). The script relies on Prototype 1.5.0rc0, and for it to be sexy you need the Scriptaculous effects library. You can include it conditionaly based on params in the query string, or do some fancy session stuff.
Blog:
mHub -
Read More...
Mapping website visitors in real time
A while ago I had an idea. What if I were to try to geographically locate all the visitors to my website, and tag their locations on a map? Using Google Maps, Ajax, MySQL and some PHP, it came together quite nicely.
Blog:
mHub -
Read More...
AJAX Edit In Place With Prototype
Late last year Drew McLellan posted a great article on 24ways.org called Edit-in-Place with Ajax. Using Flick as an example and Prototype to do the heavy lifting he showed how to edit text inline. Like many other people I've been fascinated by this approach to altering text. After playing with Drew's example off and on I finally sat down and decided to generalize it a bit more to make it easier to use.
Blog:
mHub -
Read More...
Speed up your AJAX based webapps
It sets the expiry of the JavaScript to years and not days. Once the JavaScript file is downloaded it is never downloaded again, ofcourse unless you force it by removing the file in the cache. If you visit the site often the JavaScript will not be removed from the cache. If you make any changes to the JavaScript you only need to change the version of the file and the new file will be downloaded.
Blog:
mHub -
Read More...
Kick-start your Java apps, Part 2
This tutorial guides you through the development of a small human-resources application, first using conventional JavaServer Pages (JSP) based technology, and then migrating it to a highly interactive solution using Ajax.
Blog:
mHub -
Read More...
< 1 2 3 4 >
