As the Web grows and becomes more dynamic, more and more websites have user-generated content and tools that greatly improve the user experience in terms of usability and accessibility.
Interactive solutions for lightboxes, form validation, navigation, upload, auto-complete, image cropping, slideshows, tool tips, sliders and tables are being developed that use nifty JavaScript and AJAX scripts.
In order to be presented effectively, information needs structure. The more intuitive data structure is designed, the better users can understand the content. Consequently, the data can be scanned and extracted in a more meaningful and systematic way.
Table is a perfect example of a well-structured data presentation, which is easy to analyze and easy to handle. Used for its original purpose – to present data, not to style it -, it can convey ideas effectively. And this is what most of us are actually trying to achieve in the Web.
Whether you’ve forgotten the name of a function or the property of a cascading style sheet – handy cheat sheets deliver the information you are looking for – immediately. Most cheat sheets are available as .pdf or .png-files, so you can print them and use them every day for whatever projects you’re currently working on. We present an extensive overview of useful cheat sheets we’ve found in the Web. Links checked: May/16 2008.
Registration and login forms play a massive part in thousands of websites now and getting this right can be a very important part in building your site. I belive that registration should be a very easy process for the user. Some websites (IMDB) make it so hard to register and validate your account. So in this tutorial we will be keeping simplicity in mind.
Source | Demo – Source has a dump of the MySQL database
We will be using the ajax plugin for jQuery so first of all download that from here and save it as ajax.js. Now lets get the basics out of the way. I wont go through the HTML and CSS here as there is nothing special going on.
Coding or designing a page, it's always nice to have some basic templates you can quickly modify or adapt to your needs. However, at least once you have to know, how to create this “universal” template. In this case tutorials prove to be an ultimate solution, particularly if you just want to get an idea how something works and where to start from. In fact, you don't have to re-invent the wheel all the time – you can use existing solutions, modify and improve them and publish them as well – just the way other people did it for you.
In this post we've covered over 200 Ajax, CSS, Flash, JavaScript, PHP, MySQL, RSS, XML as well as ASP, C++, Perl, Python and Java tutorials. Links checked: June/09 2008.
For more on AJAX see:
Web users love informative clues. Whatever questions and misunderstandings might occur – delivering precise answers immediately is the primary task a responsive user interface should be able to cope with. To do that, developers have to consider subtle and well-thought tooltips – used correctly, they can greatly improve user experience and help users to get things done. In Web such “responsive” hints can be provided by tooltips. E.g., unclear input fields in web forms are perfect examples of a situation you might be willing to use a tooltip for.
For more on AJAX see:
When it comes to design of modern web-applications, Ajax is considered as a standard approach. Interactive solutions for lightboxes, form validation, navigation, search, tooltips and tables are developed using Ajax libraries and nifty Ajax scripts. Ajax is useful and powerful. However, when using Ajax, one should keep in mind its drawbacks in terms of usability and accessibility. With an extensive use of Ajax, you can easily confuse your visitors offering too much control and too many features.
Nevertheless, it's important to know what's possible, particularly since you can develop new ideas further, improving the quality of your web applications. Since our last article 80+ AJAX-Solutions For Professional Coding many things have changed — new scripts were introduced, new creative solutions were developed, new robust development kits have been released. They all are supposed to serve a better user experience and provide more comfort for web-developers.
For more on AJAX see:
AJAX provides Web developers with plenty of opportunities to enhance the user experience and improve the performance of their websites. There are countless ways that AJAX can be used, and fortunately there are plenty of good and useful AJAX tutorials out there to help you with your own implementation.
This post serves as a collection of useful tutorials on working with AJAX in a wide variety of ways. You'll find tutorials on working with forms, building shopping carts, creating chat features, working with log-ins and usernames and much more.
For more on AJAX see:
Web-developers can create amazing web-applications with AJAX. Stikkit, Netvibes, GMail and dozens of further web-projects offer a new level of interactivity we've used to give up the idea of. Modern web-applications can be designed with enhanced user interfaces and functionalities, which used to be the privelege of professional desktop-applications. AJAX makes it possible to create more interactive, more responsive and more flexible web-solutions. And it's the first step towards rich internet applications of the future.
For more on AJAX see:
