Home arrow JavaScript arrow Google Ajax APIs: Building a Navigation Bar with the Easing jQuery Plug-in
JAVASCRIPT

Google Ajax APIs: Building a Navigation Bar with the Easing jQuery Plug-in


This is the final part of a six-part series that shows you how to use the various animation options of the Easing jQuery plug-in to make a navigation bar work properly. In this part, we'll modify the bar so that its JavaScript dependencies can be downloaded from the cloud.

Author Info:
By: Alejandro Gervasio
Rating: 5 stars5 stars5 stars5 stars5 stars / 5
August 18, 2010
TABLE OF CONTENTS:
  1. · Google Ajax APIs: Building a Navigation Bar with the Easing jQuery Plug-in
  2. · Review: animating the sample navigation bar with the easeOutBack easing effect
  3. · Serving the navigation barís JavaScript dependencies with Googleís Ajax APIs
  4. · Including the JavaScript code in a web page

print this article
SEARCH DEVARTICLES

Google Ajax APIs: Building a Navigation Bar with the Easing jQuery Plug-in
(Page 1 of 4 )

Simply put, Easing is a handy jQuery plug-in that allows you to extend the number of easing options that come bundled by default with the libraryís ďanimate()Ē method. While its functionality is quite impressive, what really makes Easing stand out from the numerous jQuery extensions available on the web is its smooth integration with the libraryís API. This feature permits programmers to add appealing animation effects to any web page element with a single method call.

To prove my point, in earlier parts of this series I demonstrated how to build a hierarchical navigation bar whose corresponding subsections were animated through some of the effects provided by Easing. Hopefully, this experience proved that itís possible to create a dynamic user interface without compromising its accessibility. Thatís not too bad, right?

While the navigation bar constructed in previous tutorials does work decently well at this time, and can be easily customized to suit more specific needs, it still needs one further improvement. With more and more resources available on cloud servers, itíd be useful to modify the behavioral layer of the bar, so that its JavaScript dependencies can be directly downloaded from the cloud, instead of having to consume the bandwidth of a local host.

Therefore in this final part of the series, Iím going to show how to accomplish this via the Google Ajax APIs. This way youíll be able to use this sample links bar without having to install jQuery or even the Easing plug-in on your own testing web server.

Now, if you wish to learn the full details of this redesign process, go ahead and start reading!


blog comments powered by Disqus
JAVASCRIPT ARTICLES

- Project Nashorn to Make Java, JavaScript Wor...
- JavaScript Virus Attacks Tumblr Blogs
- Google Releases Stable Dart Version, JavaScr...
- Khan Academy Unveils New JavaScript Learning...
- Accessing Nitro? There`s an App for That
- JQuery 2.0 Leaving Older IE Versions Behind
- Fastest JavaScript Engine Might Surprise You
- Microsoft Adjusting Chakra for IE 10
- Brendan Eich: We Don`t Need Google Native Cl...
- An Overview of JavaScript Statements
- An Overview of JavaScript Operators
- Overview of JavaScript Variables
- More of the Top jQuery Social Plugins
- The Top jQuery Social Plugins
- More of the Top jQuery Slider Plugins

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2017 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials