npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

weather-underground-icons

v1.0.0

Published

Weather Underground Icons

Downloads

452

Readme

Weather Underground

Weather Underground Icons

These icons were designed by the Graphic Designer Ashley Jager. She created a beautiful Adobe Illustrator file. This project simply breaks that file up into web icon that can be used in your projects.

tstorms

Demo Website

http://peter.build/weather-underground-icons/

Usage Instructions

Weather Underground has an API where you can fetch data remotely. The API returns an icon parameter as part of their JSON response that you can use to load custom icons.

Image Usage Instructions

If you just want to use the image files directly, and not use the CSS file you can just copy over the images directly from the dist/icons folder. See the Icon Key below to see which icons will be used.

CSS Usage Instructions

If you wish to use the use the CSS version of this project, you just need to copy this dist folder into your project.

Then you can use the icon keys with a wu- prefix to load whichever icon you want:

<i class="wu wu-white wu-64 wu-chanceflurries"></i>

All CSS Icons will default to using SVG files. However, you can use PNG sprites by adding a no-svg class to the parent element that contains the weather icons. no-svg classnames will be added to your HTML tag automatically if you are using Modernizr and the browser does not support SVG.

Icon Class Colors:

  • wu-black icons with black lines
<i class="wu wu-black wu-32 wu-chanceflurries"></i>

tstorms

  • wu-white icons with white lines
<i class="wu wu-white wu-32 wu-chancerain"></i>

tstorms

Icon Class Sizes:

  • wu-16 16x16px icons
<i class="wu wu-black wu-16 wu-chancesnow"></i>

chancesnow

  • wu-32 32x32px icons
<i class="wu wu-black wu-32 wu-chancetstorms"></i>

chancetstorms

  • wu-64 64x64px icons
<i class="wu wu-black wu-64 wu-clear"></i>

clear

  • wu-128 128x128px icons
<i class="wu wu-black wu-128 wu-cloudy"></i>

cloudy

  • wu-256 256x256px icons
<i class="wu wu-black wu-256 wu-flurries"></i>

flurries

Icon Key

Here are the icon options for each weather option:

ICON | KEY | DESCRIPTION ---- | --- | ----------- chanceflurries | chanceflurries | Chance of Flurries chancerain | chancerain | Chance of Rain chancesleet | chancesleet | Chance Freezing Rain chancesnow | chancesnow | Chance of Snow chancetstorms | chancetstorms | Chance of Thunderstorms clear | clear | Clear cloudy | cloudy | Cloudy flurries | flurries | Flurries fog | fog | Fog hazy | hazy | Haze mostlycloudy | mostlycloudy | Mostly Cloudy mostlysunny | mostlysunny | Mostly Sunny partlycloudy | partlycloudy | Partly Cloudy partlysunny | partlysunny | Partly Sunny rain | rain | Rain sleet | sleet | Freezing Rain snow | snow | Snow sunny | sunny | Sunny tstorms | tstorms | Thunderstorms unknown | unknown | Unknown

Icon Preview

White Icons

Black Icons