Phatfusion - Awesome AJAX Examples
I've been posting AJAX demo's, tutorials and code since term was introduced, and while there is only six examples now I find the AJAX work at Phatfusion as some of the best I've seen. There is an AJAX lightbox, AJAX image viewer, AJAX validate script, AJAX rounded corners, AJAX sortable table and an AJAX slideshow. Hats off to the developer.
Blog:
mHub -
Read More...
ClickHeat
ClickHeat is a downloadable visual heatmap of clicks on a HTML page, showing hot and cold click zones. Key features include, low logging activity: a very few function calls to log a click, no server load rise should be noticed; a keyword is used to define the page upon Javascript code load, allowing you to group same pages and Screen sizes and browsers are logged, making possible the tracking of liquid-layouts.
Blog:
mHub -
Read More...
Link Thumbnail
A picture's worth a thousand words, right? So spice up those plain old text links with Link Thumbnail, the second tool from the arc90 lab. A little bit JavaScript, a little bit CSS and a little bit clairvoyance, Link Thumbnail shows users that are about to leave your site exactly where they're going. When that curious mouse pointer hovers over a link pointing to somewhere outside of your site, the script displays a small image of the destination page. It's a nice visual cue that serves a very real purpose: providing a clearer picture (no pun intended) of what's ahead.
Blog:
mHub -
Read More...
Carousel Component
The Carousel widget provides a way to display HTML elements either horizontally or vertically with or without animated scrolling. The loading of elements is separated from the component allowing the carousel to manage static HTML elements or dynamically generated content (DHTML, with Ajax for example.) The examples below illustrate the various ways to create and manage the carousel.
Blog:
mHub -
Read More...
Ajax Activity Indicators - Make Them Global and Unobtrusive
One of the coolest things about developing ajax-enabled applications and sites is the level of interactivity that you can bring to your users. And perhaps one of the most crucial aspects of this process is adding activity indicators to your site. While a lot of ajax requests can be very fast, it's still important to let your users know that something is happening.
Blog:
mHub -
Read More...
Timeout your Mouseovers
The problem with most menu systems is that they're really touchy whether you're too fast or slow with the mouse. The trick is to use a timeout with the effect, so it will wait a fraction of a second to pop-up, and a fraction of a second to go away...just enough to make the effect feel solid and not finicky.
Blog:
mHub -
Read More...
Top 12 Ruby on Rails Tutorials
A former student asked me a few days ago how I learned Ruby on Rails. The answer was that I simply read alot of great tutorials. So in the spirit of sharing, here are the 12 tutorials that I found most useful.
Blog:
mHub -
Read More...
Go forth and API
Application Program Interfaces are, broadly speaking, tools for building software applications. An operating system API might help you build applications with a consistent interface, but Web APIs are mostly about giving you access to data. Even Web APIs aren't a new idea. Google's search API has been available via SOAP since 2002, and there's definitely older services than that. However, the recent growth in Web API availability has been fuelled by two recent developments. The first, which I've already mentioned, was a philosophical change in the way that data is handled. The second was the introduction of AJAX. Again, not a new idea, or even a new technology, but sometimes it's all about timing.
Blog:
mHub -
Read More...
Scalable AJAX
AJAX done well can reduce server load and bandwidth, but I've seen a lot of people jumping on the AJAX bandwagon who don't really consider what the impact is on the back-end. Done badly, AJAX can bring a server to its knees.
Blog:
mHub -
Read More...
AJAX Desktop Tutorial
The purpose of this tutorial is to explain, step-by-step, how to create an AJAX desktop/homepage. The homepage we will create will have most of the capabilities of established homepages like Netvibes, PageFlakes, etc.
Blog:
mHub -
Read More...
SortedTable example
SortedTable allows you to make any valid table a sortable one. Tables can be sorted automatically or manually by moving rows.
Blog:
mHub -
Read More...
Prototype Window Class : Samples
Here is a list of sample codes to show different ways to create windows and dialogs. You can view source of each example, even edit it and test your modification immediatly in your browser. Just click again on the link to open a new window/dialog with the modified code. Each window uses a javascript function to get a new id and DO NOT call setDestroyOnClose().
Blog:
mHub -
Read More...
15 Days of jQuery
If your project calls for AJAX or DOM scripting and you need it done quickly, with minimal fuss, and you believe in keeping things simple, then jQuery might be perfect for you.
Blog:
mHub -
Read More...
Developing PHP the Ajax way, Part 2: Back, Forward, Reload
A major challenge of Asynchronous JavaScript and XML (Ajax)-driven Web sites is the lack of a Back button. We will use JavaScript to create a history stack for the Ajax photo gallery built in Part 1 of this two-part "Developing PHP the Ajax way" series. This history stack will closely mirror the history utility found in Web browsers, and it will be used to provide Back, Forward, and Reload buttons for the application.
Blog:
mHub -
Read More...
AJAX Feedback Mechanism
One thing that I have always tried to solicit as much as possible is user feedback. For example, when a user signs up for Toronto, they get a personalized email from me, complete with my actual email address. I want to make it as easy as possible to give feedback.
Blog:
mHub -
Read More...
Bubble Tooltips
Nearly two years ago over at pro.html.it I wrote an article on how to build pure CSS tooltips and then spice them up with a little DOM to ensure semantic use of the title attribute. Recently I was playing with a variation, a nearly pure Javascript+CSS approach where the tasks assigned are more clearly separated: interaction to javascript, presentation to CSS. So the new article on Bubble Tooltips was published this week in italian on Pro, and I'm presenting here a translation for the international audience.
Blog:
mHub -
Read More...
AJAX Counting Nightmares
I've been very vocal about the AJAX counting issue; I've written several articles, spoken on panels, and pushed the IAB to update the impression guidelines on a very fast timeline. There's been interest and response, and the IAB is beginning to act. But everyone involved in the process realizes this will take time. So today, my recommendations for how developers of AJAX Web pages and software applications that include advertising can deal with the unique counting issues.
Blog:
mHub -
Read More...
Building a Pagination System with AJAX
You know how to use AJAX to pull rows from a database, but do you know how to create an AJAX-based system to organize the records neatly into pages? You'll know how to do that by the end of this series! This first article shows you how to build the user interface.
Blog:
mHub -
Read More...
Prototype Window Class : Introduction
This javascript class allows you to add window in a HTML page. This class is based on Prototype. The code is inspired of the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it's not mandatory. It has been tested on Safari, Camino, Firefox and IE6.
Blog:
mHub -
Read More...
Script# Prototype
Script# brings the C# developer experience (programming and tooling) to Javascript/Ajax world. This post shares a prototype project for enabling script authoring via C#..
Blog:
mHub -
Read More...
1 2 3 > Last »
