guidefordesign

Top 70 ajax demos and code examples

yuzi — Mon, 19 Jul 2010 07:36:30 +0000

For more attractive web sites;

Ajallerix : AJAX, simple, fast Web image gallery demo ; at Novell
AJAX – microlink pattern tutorial : A microlink is a link that opens up content below it.
Ajax BBC News RSS Reader : demo by Nigel Crawley
AJAX Chat in Python with Dojo : at AquaAjax
Ajax Chess : multiplayer chess
Ajax examples at BackBase : examples demonstrating several aspects of the Backbase technology.
Ajax examples at Rico : Inner HTML, JavaScript updater etc.
Ajax examples using ColdFusionMX, SQLServer, SOAP : Contact Manager, NOAA 7 Day Forecast code and demos.
Ajax Feed TV : News feed
Ajax inline dictionary : Highlight any text on this site then right click. A tooltip containing the definition of the selected word should show up.
Ajaxload : Ajax loading gif generator.
Ajax Login Demo : Creating a secure login system using XMLHttpRequest
Ajax Newsletter Signup : A newsletter signup form that shows Thank You on the same page.
ajaxProject : Project Management applicaiton with rich UI
Ajax Rater : A star rating system that uses Ajax.
AJAX-S : An Ajax-based slideshow system.
AJAX Spell Checker : spell check text / form content.
Ajax Toolbox : Tools for the Ajax Developer
Amazon Catalog Tree : Amazon Catalog Tree
Amazon Zuggest : Amazon product suggestion (like google suggest)
Askeet by symfony : Digg-like AJAX interactions; open source
Backbase – Ajax Demos : Ajax demos at BackBase
Basic Ajax Examples : Ping, track changes, drop down, Google suggest hack etc at Clearnova
Behaviour : Fading lists, Sortable lists, Dropout boxen, Shaky lists
chat.app : ajax chat
Chihuahua Word Puzzle : daily word puzzles
Coloir : Ajax Slideshow
DHTML arcade/action games : a collection that demonstrate the power of DHTML
DomAPI : Windows Desktop, Outlook-like, RSS Reader
Drag and Drop Shopping Cart Demo : at CyberDummy
Easy AJAX inline text edit 2.0 : edit a piece of text inline
FileChucker : File upload and progress bar at Encodable.com
Gmail Style Check Username AJAX Demo : at CyberDummy
Google Web Toolkit Example Projects : Hello World, Dynamic Table, Desktop App Clone etc
GreyBox : Pop up window using idea of light box.
FiftyFourEleven: Ajax Examples
IntuiCat – ajax Catalogue : Ajax-based Catalogue Demo
jsLINB programming demos : LINB(Lazy INternet and Browser)
JSlog : Ajax logging tool.
JS/UIX Unix Shell : JS/UIX is an UN*X-like OS for standard web-browsers, written entirely in JavaScript.
Lace : free web chat application
Lightbox : simple, unobtrusive script used to overlay images on the current page.
Leightbox : Light Box with inline div’s instead of AJAX calls.
Live Quote Demo : Simple way of creating an updating stock quote table in ajax.
Magnetic Poetry : drag and drop poetry
Metatron Chat Engine : PHP/MySQL/JavaScript powered chat engine
Monket Calendar : online calendar
Multi List Drag Drop Demo : at CyberDummy
NetDirector : open and extensible framework for managing configurations of common open source network services.
nexImage : Image processing demo
Opera Platform : Enabling AJAX applications on mobile phones
Orbeon examples : various examples illustrating the capabilities of OPS, from the OPS Tutorial examples to XForms examples
OVO Suite : Online Virtual Office : virtual office limited demo
phpFreeChat : php Free Chat
S5: A Simple Standards-Based Slide Show System : S5 is a slide show format based entirely on XHTML, CSS, and JavaScript.
script.aculo.us Reflector : image reflector script that uses uses opacity-based fades
Slider Bar Demo : at CyberDummy
SmallestAjax : Smallest Ajax example in the world?
Spell Check demo : by Primal Grasp
Super Maryo World : Japanese game demo
Tacos : Tacos provides a library of useful Tapestry components. This application provides some examples to get you started.
theList : to-do list / bug-tracker
ThickBox : ThickBox is a Lightbox than can show html pages as well as images.
Tooltip.js : Tooltip.js is a simple class to make it possible to add tooltips to your page.
Treehouse Chat : ajax chat
Tudu Lists : open-source to-do lists
WeBoggle : Ajax Boggle
XHTML live Chat : ajax chat
YahooSearchAsYouType : Yahoo search as you type
ZK Demo : demo programs for various components

source: webdeveloper.econsultant.com

Color combinations for web design

yuzi — Sat, 03 Jul 2010 13:57:32 +0000

“Choosing the right color combination is vital for any design – web site layouts included. A good color combination can lead to success while a bad one spells doom. In these pages you will find more than 200 color combinations to help you in selecting colors for your web site.”

Here’s the link for this usefull color combinations:

http://www.webdevelopersnotes.com/design/color_combinations.php3

Javascript form control for capital letters

yuzi — Mon, 28 Jun 2010 12:30:10 +0000

With this example of javascript code, you may automatically return capital letters into small letters.

onblur =”this.value = this.value.toLowerCase()”

Just add this code into your textarea or textbox tag, that’s all.

Hiding & protecting images on web

yuzi — Tue, 22 Jun 2010 13:28:57 +0000

You can protect your images at least from amateurs by using the original image as a background & put a transparent-blank file over it that matches the size of the real image. Here’s the code;

How to add virtual products to zencart

yuzi — Sat, 22 May 2010 18:12:21 +0000

You know that it looks very complicated when you first install t. I was looking for how to add virtual products like templates, codes etc. I was very close to get crazy because of this situation when i’ve found this tutorial video. So let’s watch and learn, click here.

Css tab menu resources

yuzi — Sun, 09 May 2010 15:56:52 +0000

Here you can find css tab menu samples, codes for free below ;

Css Tab Menu Creator

yuzi — Wed, 05 May 2010 09:28:01 +0000

Are you wasting time when building tab menus? So here is a usefull tool for your desktop and completely free. You can build horizantal or vertical tab menus with many options by css tab menu creator.

” CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required! “

Secure php login scripts

yuzi — Tue, 04 May 2010 12:16:15 +0000

In these articles you’ll find the best solutions for creating a secure PHP login script that will allow safe authentication.

1.Devshed Tutorial
2.Phpsense tutorial

Another Cool Css Menu Builder

yuzi — Mon, 03 May 2010 15:41:45 +0000

Another impressive free css menu building tool from izzymenu.com

” What is IzzyMenu – it’s easy to use, Online Menu Builder, which allows you to build your CSS & DHTML menu in minutes. Choose from dozens ready styles or create your own menu style. IzzyMenu, online menu generator is the best solution for amateurs and professionals! “

Free online css menu builder

yuzi — Mon, 03 May 2010 14:48:38 +0000

Here’s a online css menu builder that i’m impressed;

“300+ horizontal menus, our 700+ vertical menus combinations and our breadcrumb menus that consist of more than 200+ combinations, in total the site offers more than 1000 menu combinations not including the endless color combinations. ”

Webdesigners should have to bookmark CSS MENU BUILDER . You can build horizantal, vertical, breadcrumb css menus with this online tool without any knowledge of css.