In this tutorial we’ll be looking at how we can transform some semantic and accessible underlying HTML into an attractive and functional news ticker that smoothly scrolls its contents. Some news tickers are horizontal and some are vertical; the one that we’re going to create today will be vertical.
5 Ways to Make Ajax Calls with jQuery
Aug 18th in JavaScript & AJAX by Piao YishiThere are at least five ways to make AJAX calls with the jQuery library. For beginners, however, the differences between each can be a bit confusing. In this tutorial, we’ll line them up and make a comparison. Additionally. we’ll review how to inspect these AJAX calls with Firebug as well.
Easily Implement a Live Search Effect: New Plus Tutorial
Aug 12th in JavaScript & AJAX by Piao YishiThe live search effect is no novelty in desktop apps. In Mac OS X or Windows Vista/7, just type a few letters in a search box, and almost instantly you get the search results on the fly. Having to hit the submit button is becoming old school. This tutorial will show you how to bring this cool effect to the web world with jQuery. The code used in this tutorial is modified based on John Resig’s approach. Join today!
Creating Flash Charts From Google Spreadsheets
Aug 7th in JavaScript & AJAX by Pallav NadhaniWith Google docs gaining popularity, it is anticipated that in the near future there will be a great demand for connecting it to external systems for various purposes such as data interchange, data visualization, etc. In this article, I will show you how to connect Flash based charts (FusionCharts) to Google Spreadsheets and plot live data using JavaScript.
The Ultimate Guide to Decoding the Flickr API
Jul 28th in JavaScript & AJAX by SiddharthFlickr, being the biggest photo management and sharing site in the world, has an impressive API to let developers access and manipulate almost all of its data. Lets take a look at how to work with the API: at the lowest level possible.
How to Create A Simple Web-based Chat Application
Jul 24th in JavaScript & AJAX by Gabriel NavaIn this tutorial we will be creating a simple web-based chat application with PHP and jQuery. This sort of utility would be perfect for a live support system for your website.
A Different Top Navigation
Jul 21st in JavaScript & AJAX by Connor ZwickWhen designing a new site, web designers usually face the age-old question: vertical or horizontal navigation? There are pros and cons to both solutions. One example being horizontal navigation limits the number of links you can have due to a limited page width. This is usually solved by including a drop down system. However, if you are attempting to make your particular site stand out, you might consider thinking outside the "norm".
In this tutorial, we will be doing precisely that. We will use jQuery to create a different multi-layered horizontal navigation system that is still intuitive enough for anyone to use for the first time.
Create a Twitter-Like “Load More” Widget
Jul 16th in JavaScript & AJAX by David WalshBoth Twitter and the Apple App Store use a brilliant technique for loading more information; you click the link and fresh items magically appear on the screen. This tutorial teaches you to use AJAX, CSS, Javascript, JSON, PHP, and HTML to create that magic. This tutorial will also feature both jQuery and MooTools versions of the script.
Creating a Keyboard with CSS and jQuery
Jul 13th in JavaScript & AJAX by VasiliSometimes it’s just fun to play around with the programming languages we know and see what we can create. I thought it might be nice to create a little online keyboard with CSS, and then make it work with jQuery. The keyboard includes “action” keys (caps lock, shift, and delete) which dynamically changes the keyboard when clicked. I’ll show you how to build it today.
Making a Content Slider with jQuery UI
Jul 10th in JavaScript & AJAX by Dan WellmanIn this tutorial we’re going to be using the jQuery UI slider widget to create an attractive and functional content slider. We’ll have a container, which has a series of elements each containing different blocks of content. There will be too many of these elements to display at once, so we can use the slider to move the different content blocks in and out of view.








