Built a simple local weather app using JSON, jQuery, and APIs (ipinfo.io and OpenWeatherMap).
Best jQuery Weather Plugins & Tutorials with Demo
This is a weather app made using the OpenWeatherMap API and jQuery. Animations were created using HTML5 Canvas. Icons are from Noun Project.
It’s simple and quick to do – just type in the location you want to build weather widget and click build widget Then grab the code embed away!
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.
This is a beautiful and feature rich weather widget with powerful responsive design! just put that in anywhere with any width in your site and magic happens!.
Flat Weather is a lightweight and versatile jQuery plugin displaying weather information for any location. Its compact size and numerous options make it perfectly suitable for providing local weather information in portals, websites, blogs and apps.
“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.
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 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.
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.