Categorías
Diseño

Usar los iconos de Forecast en el blog


Hace menos de un mes os hablé de Forecast, una magnífica web-app meteorológica para usar en el navegador o en iOS. Forecast incorpora un juego de iconos animados minimalistas muy vistosos.

Pues ahora el diseñador de esos Skycons los ha liberado bajo dominio público, lo que quiere decir que te los puedes descargar y utilizar en tu blog o donde quieras.

Para ello hay que descargarse el script del repositorio de Github y añadir el siguiente código a tu theme de WordPress:

<canvas id="icon1" width="128" height="128"></canvas> <canvas id="icon2" width="128" height="128"></canvas> <script> var skycons = new Skycons({"color": "pink"}); // 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); // 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"); </script>

En el repositorio hay también un documento HTML que nos ofrece un ejemplo de CSS a utilizar con los iconos.

Sitio Oficial: Skycons