https://darkskyapp.github.io/skycons/

https://darkskyapp.github.io/skycons/

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://darkskyapp.github.io/skycons/
• Owner: darkskyapp
• Archived: true
• Created: 2013-03-07T20:49:45.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2019-10-27T20:26:30.000Z (over 4 years ago)
• Last Synced: 2024-03-25T20:02:43.419Z (3 months ago)
• Language: JavaScript
• Size: 52.7 KB
• Stars: 1,249
• Watchers: 55
• Forks: 323
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Lists

• front-awesome - Skycons

README

        
Skycons

=======

Skycons is a set of ten animated weather glyphs, procedurally generated by

JavaScript using the HTML5 canvas tag. They're easy to use, and pretty

lightweight, so they shouldn't rain on your parade:

    

    

    

      var skycons = new Skycons({"color": "pink"});

      // on Android, a nasty hack is needed: {"resizeClear": true}

      // you can add a canvas by it's ID...

      skycons.add("icon1", Skycons.PARTLY_CLOUDY_DAY);

      // ...or by the canvas DOM element itself.

      skycons.add(document.getElementById("icon2"), Skycons.RAIN);

      // if you're using the Forecast API, you can also supply

      // strings: "partly-cloudy-day" or "rain".

      // start animation!

      skycons.play();

      // you can also halt animation with skycons.pause()

      // want to change the icon? no problem:

      skycons.set("icon1", Skycons.PARTLY_CLOUDY_NIGHT);

      // want to remove one altogether? no problem:

      skycons.remove("icon2");

    

Skycons were designed for [Forecast](http://forecast.io/) by those wacky folks

at The Dark Sky Company, and were heavily inspired by Adam Whitcroft's

excellent [Climacons](http://adamwhitcroft.com/climacons/). The source code has

been [released into the public domain][cc0], so please do with it as you see

fit! ♡

[cc0]: http://creativecommons.org/publicdomain/zero/1.0/

Variants

--------

Dark Sky no longer actively maintains Skycons, but several kind folks have made

variants that you might be interested in:

*   [Color Skycons](https://github.com/maxdow/skycons) by Maxime Warnier

*   [Skycons for Android](https://github.com/torryharris/Skycons) by Torry Harris