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

webphone-icon

v0.6.0

Published

Icons generated on fontello based on font-awesome, used for Webphone GUI

Downloads

12

Readme

This webfont is generated by http://fontello.com open source project.

================================================================================ Please, note, that you should obey original font licenses, used to make this webfont pack. Details available in LICENSE.txt file.

  • Usually, it's enough to publish content of LICENSE.txt file somewhere on your site in "About" section.

  • If your project is open-source, usually, it will be ok to make LICENSE.txt file publicly available in your repository.

  • Fonts, used in Fontello, don't require a clickable link on your site. But any kind of additional authors crediting is welcome. ================================================================================

Comments on archive content

  • /font/* - fonts in different formats

  • /css/* - different kinds of css, for all situations. Should be ok with twitter bootstrap. Also, you can skip style and assign icon classes directly to text elements, if you don't mind about IE7.

  • demo.html - demo file, to show your webfont content

  • LICENSE.txt - license info about source fonts, used to build your one.

  • config.json - keeps your settings. You can import it back into fontello anytime, to continue your work

Why so many CSS files ?

Because we like to fit all your needs :)

  • basic file, <your_font_name>.css - is usually enough, it contains @font-face and character code definitions

  • *-ie7.css - if you need IE7 support, but still don't wish to put char codes directly into html

  • *-codes.css and *-ie7-codes.css - if you like to use your own @font-face rules, but still wish to benefit from css generation. That can be very convenient for automated asset build systems. When you need to update font - no need to manually edit files, just override old version with archive content. See fontello source code for examples.

  • *-embedded.css - basic css file, but with embedded WOFF font, to avoid CORS issues in Firefox and IE9+, when fonts are hosted on the separate domain. We strongly recommend to resolve this issue by Access-Control-Allow-Origin server headers. But if you ok with dirty hack - this file is for you. Note, that data url moved to separate @font-face to avoid problems with <IE9, when string is too long.

  • animate.css - use it to get ideas about spinner rotation animation.

Attention for server setup

You MUST setup server to reply with proper mime-types for font files - otherwise some browsers will fail to show fonts.

Usually, apache already has necessary settings, but nginx and other webservers should be tuned. Here is list of mime types for our file extensions:

  • application/vnd.ms-fontobject - eot
  • application/x-font-woff - woff
  • application/x-font-ttf - ttf
  • image/svg+xml - svg