Effects for Web Pages

In the 1990s web pages were really boring because they offered only static content that did not interact with the user's actions. Nowadays, thanks to technologies like AJAX and Flash we have the possibility to enhance websites with stunning effects and interactivity. <strong>Challenge:</strong> <ul> <li>Find an easy way of adding stunning effects and interactivity to your web page.</li> </ul>
2 answers

Use jQuery

"jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. " http://jquery.com

jQuery is a modular JavaScript Library.
jQuery UI provides scripts for interactions like drag-n-drop, and UI widgets, demos can be found here

  • there are different packages for developement and production environment (lightweight version) and
  • the scripts are working on various browsers


scrip.aculo.us - a JavaScript library to enhance your web site

scrip.aculo.us (http://script.aculo.us) is a set of JavaScript libraries that enhance the user interface of your web sites.

It contains a visual effects engine, a drag and drop library and AJAX-based control elements like AutoComplete, Sliders and more.

It is an extension to the Prototype-Framework (http://prototypejs.org). You can add both to your web site like this:

<script src="javascripts/prototype.js" type="text/javascript"></script>
<script src="javascripts/scriptaculous.js" type="text/javascript"></script>

To see some demos of what can be done with script.aculo.us go to: