Very Dynamic Web Interfaces February 09, 2005 One of the classic drawbacks to building a web application interface is that once a page has been downloaded to the client, the connection to the server is severed. Any attempt at a dynamic interface involves a full roundtrip of the whole page back to the server for a rebuild--a process which tends to make your web app feel inelegant and unresponsive. In this article, I'll be exploring how this problem can be tackled with the use of JavaScript and the XMLHttpRequest object. I'm sure you're familiar with the traditional interface model for a web application. The user requests a page from the server, which is built and delivered to the browser. 9 Javascript(s) you better not miss !! This tutorial is aimed at those who have a working knowledge of Javascript. So the examples are not explained in great detail. Only the important parts are highlighted. I have presented 9 Javascript examples that I have found very useful while designing professional websites. There are many ways to implement these examples here.
Using prototype.js v1.4.0 last update: August 18th 2007 Table of Contents What is that? In case you haven't already used it, prototype.js is a JavaScript library initially written by Sam Stephenson. Using prototype.js v1.4.0 last update: August 18th 2007 Table of Contents What is that? In case you haven't already used it, prototype.js is a JavaScript library initially written by Sam Stephenson. Labs - GreyBox A pop-up window that doesn't suck. Introduction GreyBox can be used to display websites, images and other content in a beautiful way. Why use GreyBox: It does not conflict with pop-up blockers It's only 22 KB! ajax tutorial Introduction: Although the concept isn't entirely new, XMLHttpRequest technology is implimented on more sites now than ever. Compatibility is no longer an issue (IE, Mozilla and Opera all support it), and the benefits to using it are amazing. There are too many PHP programmers avoiding any work with JavaScript beyond simple form validation, and for good reason.
[tw] : Creating Custom Events with JavaScr The Elevator Pitch Many "Web 2.0" applications suffer from too-tight-coupling between the various javascript objects used to model the data and control the interface. This has always been seen as a necessary evil because there seemed to be no good alternative. One common solution in desktop applications is called "event driven programming."
Painless JavaScript Using Prototype [JavaScript & AJAX Tutorials] Form.Observer and Form.Element.Observer allow you to watch a form (or, in the latter case, a single form element) and trigger callbacks when the data changes. There are actually two flavours of each observer that check for value changes. The first is a periodic observer, which works like this: new Form.Observer($("myform"), 1, myCallBackFunction); new Form.Element.Observer($("myfield"), 1, myCallBackFunction); These observers check every second whether or not the data has changed and, if it has, will call myCallBackFunction. The second type of observer is event-based and will only perform the check when change or click events are produced for the elements.
100 Great Resources for Design Inspiration Finding inspiration is not always as simple as it sounds, whether you've been designing for years or only weeks. Below is a collection of 100 great web resources to find inspiration and direction on your next project, whether it be online or in print. These range from galleries of graphic and web design to online magazines and a few unconventional sources of inspiration. Keep reading to see our recommendations and then share your favorite sources of inspiration in the comments. Online Galleries