Built a simple local weather app using JSON, jQuery, and APIs (ipinfo.io and OpenWeatherMap).
Best jQuery Weather Plugins & Tutorials with Demo
Flat Weather jQuery Plugin
Flat Weather is an easy to use jQuery plugin that supports switching between two different weather API sources (OpenWeatherMap.org or Yahoo Weather) without changing any of your front-end code. Great for dashboards and sidebars!
The code is well-documented and small, with its only external dependency being jQuery, which makes it easy to deploy and extend. The plugin comes with an attractive flat UI css stylesheet, and uses a weather icons font to provide attractive and scalable visuals.
My Weather – IP : jQuery plugin Show Weather using your IP Address
“My Weather – IP” is a jQuery plugin that automatically find your location using your IP address, check the weather in that area and gives you useful information about your location.
Feature:
Gives you the Weather, City, Country, IP, Latitude, Longitude and Temperature.
– Callback ready to obtain those values.
– A lot of optional properties to change.
– Can create a popup with that information.
– Animated icon ready on browsers that support canvas. Otherwise, works with a very nice PNG.
– Easy to set up.
– No PHP, MySQL, ASP knowledge required.
WhatWeather : jQuery Weather’s Widgets plugin
WhatWeather is a jQuery plugin which provides weather’s data. It uses worldweatheronline.com API to get, parse and deliver data in order to create weather’s widgets. WhatWeather provides data and let you manage the display. However, it uses Mustache. In this way, you can easely change the template of your widgets.
You can get weather data from cities all over the world. The plugin uses the name of the city, geographic coordinate system, IP adresse or the HTML5 geolocation API. The plugin have also a client-server caching system by using Web Storage API and text file for the server side.
Open Weather : jQuery OpenWeatherMap API for Current Weather
A simple, lightweight jQuery plugin used to display the current weather of any city using the free OpenWeatherMap API.
This plugin allows you to display the location, the current temperature, the current low temperature, the current high temperature, a description of the current weather, a weather icon, the humidity level, the wind speed, the time the sun will rise, and the time the sun will set.
