Jun 14, 2008

Ajax CSS FORM

Styling form controls with CSS, revisited - 224 screenshots showing the effects of various CSS rules applied to form controls. The screenshots are taken from 8 browsers on 4 operating systems, for a total of 14 different browser + OS combinations.


Cforms - An AJAX Contact form plugin for Wordpress, offering convenient deployment of multiple contact forms throughout your blog or even on the same page.



Jot Form - is a great Web based WYSIWYG form builder. You can select a form type(Contact Us, Satisfaction Survey, Job Application, Suggest Website , Membership Registration, Party RSVP , Wedding Attendance, Reservation, Submit Product, and others).



Styling Forms

1) Uni Form - an attempt to standardize form markup (xhtml) and css, "modularize" it, to get nice looking, well structured, highly customizable, semantic, accessible and usable forms.


CSS-Only, Table-less Forms - A great example of a well designed form using modern css techniques. It works in Win/IE6, Firefox v1.0+, Win/Opera v8.0, has minor layout differences in Mac/Safari v1.0.3 and Mac/Safari v1.2, and is usable but fairly buggered in Mac/IE5.2.


Styling Form Elements
Niceforms 1.0 - is a script that will replace the most commonly used form elements with custom designed ones. One of these improvements would be the possibility of selecting a radio or check box by clicking its adjacent label, it also highlights the labels of the selected boxes to make the selections even clearer and more…



Validation Hints for your form - This article will explain one way of achieving Validation Hints effect while the user type using JavaScript and CSS.







Jun 10, 2008

Web Design Templete

Web Design, Develop Free ! Templates




Nameterrafirma
Added04.25.08
TypeFixed Width
ImagesYes
Preview | Download
Namebestfriends
Added05.19.08
TypeFixed Width
ImagesYes
Preview | Download



Namezenlike
Added04.25.08
TypeFixed Width
ImagesYes
Preview | Download
Namebookish
Added04.25.08
TypeFixed Width
ImagesYes
Preview | Download


Namesupplementary
Added04.12.08
TypeFixed Width
ImagesYes
Preview | Download
Namedescription
Added04.05.08
TypeFixed Width
ImagesYes
Preview | Download


Nameunknown
Added11.02.07
TypeFixed Width
ImagesYes
Preview | Download
Namefrozenage
Added11.08.07
TypeFixed Width
ImagesYes
Preview | Download


Namemosaic
Added10.28.07
TypeFixed Width
ImagesYes
Preview | Download
Namebalanced
Added09.28.07
TypeFixed Width
ImagesYes
Preview | Download



Namelasvegastoo
Added02.11.2007
TypeFixed Width
ImagesYes
Preview | Download
Nameblackfairy
Added01.12.2007
TypeFixed Width
ImagesYes
Preview | Download




For information on how you can use these templates, please read the license page. Many of these templates are also available as WordPress themes

Jun 9, 2008

AJAX Suggestions

AJAX Suggestions

What is AJAX Suggestions?

AJAX Suggestions is pretty much what you might have seen with Google Suggest. The basic idea is, through AJAX, to give the user an immediate response to what they're typing and displaying the search results their input would generate. AJAX Suggestions is an unobtrusive JavaScript to add that progressive enhancement to your web page, by the usage of two CSS class names to the desired input elements.

It could also be used, for instance, in an online e-mail application where you would want to check a name in a global address book and return the related matches, with the possibility to then adding them to the field element.










AutoCompleter Tutorial - jQuery(Ajax)/PHP/MySQL
I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customise it a lot more (this has been demonstrated with the other apps i have written here)!










See AJAX Suggestions in action.  demo 






























Labels