10+ Best jQuery Weather widget & plugin with examples

In this Article we are providing jQuery weather widget and weather plugins.By using these plugins we can easily provide the  weather information of any location to our website visitors and blog readers.All these plugins basically uses the API of weather information providers like yahoo and google.We thinks all these jquery widgets is the best way to impress and attract the site visitors.

1. zWeatherFeed – Yahoo! Weather plugin for jQuery

This plugin will read the current weather for a location using Yahoo! Weather. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.

zWeatherFeed – Yahoo! Weather plugin for jQuery

Read More Demo

2. Adding Weather to Your Site with jQuery and YQL

jQuery and YQL (a free web service offered by Yahoo) can be used to easily add a customized weather display to your site. In this article I’ll guide you through the process from start to finish.

Adding Weather to Your Site with jQuery and YQL

Read More Demo

3. simpleWeather : How to display weather with jQuery

A simple jQuery plugin to display the weather information for any location. The data is pulled from the public Yahoo! Weather feed via the YQL API.In the demo shows how easy it is to display a simple weather widget that is clean and customizable.

simpleWeather : How to display weather with jQuery

Read More Demo

4. jDigiClock : jQuery Digital Clock with Weather

jDigiClock is a jQuery plugin that has been inspired from the distinctive HTC Hero Clock Widget.

jDigiClock : jQuery Digital Clock with Weather

Read More Demo

5. jQuery weather widget

This widget is pure javascript and requires no back-end/server so you can place it on your blog or anywhere you like.The widget makes two main calls using JSON to retrieve the users geolocation and then to retrieve the local weather for that location. It also uses the jQuery cookie plugin to remember the details so that it doesn’t need to make these calls each time the page reloads.

jQuery weather widget

Read More Demo

6. jQuery Geolocation and Yahoo’s APIs to build a simple weather webapp

We will be using the HTML5 geolocation API to present the user with a personalized weather forecast. Using jQuery, we will issue AJAX request to two of Yahoo’s popular APIs to obtain additional geographical information and a weather forecast.

jQuery Geolocation and Yahoo’s APIs to build a simple weather webapp

Read More Demo

7. Using Google’s Weather API

This application takes a set of Google weather API feeds and makes some simple decisions based on the output. For example we can recommend the user takes an umbrella if rain or storms are forecast, or whether the temperature warrants the need for warm clothes. Basic but nonetheless useful information.

Using Google’s Weather API

Read More Demo

8. Create a Weather Widget Using jQuery, YQL and Weather.com

Create a simple widget to display weather data. Our aim is to create a widget similar to how google displays weather data.

Create a Weather Widget Using jQuery, YQL and Weather.com

Read More Demo

9. My Google Weather plugin

This plugin adds weather for any city in the world. Sometimes you may want to show the weather information of your local city in your page. It makes your page look young and dynamic. However, you may not want to include other website’s widget, because you cannot customize the look and feel for the widget.

My Google Weather plugin

Read More Demo

10. WeatherSlider – jQuery animated weather widget

This is a beautiful weather slider widget with animated weather effects and 48 weather types.

WeatherSlider - jQuery animated weather widget

Read More Demo

Best jQuery website design gallery

One Reply to 10+ Best jQuery Weather widget & plugin with examples

  1. johanso says:

    Buena informacion, gracias

Leave a Reply