https://github.com/component/noticon

Notification bubble favicons
https://github.com/component/noticon

Last synced: 12 days ago
JSON representation

Notification bubble favicons

• Host: GitHub
• URL: https://github.com/component/noticon
• Owner: component
• Created: 2012-09-20T22:47:50.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2013-10-09T23:41:30.000Z (about 11 years ago)
• Last Synced: 2024-05-08T17:10:49.507Z (8 months ago)
• Language: JavaScript
• Size: 98.6 KB
• Stars: 15
• Watchers: 5
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        

# Noticon

  Favicon notifications inspired by original [tinycon](https://github.com/tommoor/tinycon). Styled

  with CSS!

  ![js pie favicons](http://f.cl.ly/items/2O1Q2i063O1V1Y010V1c/Screen%20Shot%202012-09-20%20at%203.45.31%20PM.png)

## Installation

    $ component install component/noticon

## Styling

  Noticon utilizes [component/style](https://github.com/component/style)

  to enable CSS styling for Canvas rasters. For example the default

  style is:

```css

.noticon {

  color: white;

  background: #ED372A;

}

```

## API

### new Noticon([selector])

  Initialize a new `Noticon` with optional CSS `selector` used

  for styling, this defaults to ".noticon".

### Noticon#update(n)

  Update the number to `n`, this will automatically

  draw the bubble and replace the favicon.

# License

  MIT