{"id":13399390,"url":"https://github.com/tommoor/tinycon","last_synced_at":"2025-05-13T18:13:01.293Z","repository":{"id":2339499,"uuid":"3301623","full_name":"tommoor/tinycon","owner":"tommoor","description":"A small library for manipulating the favicon, in particular adding alert bubbles and changing images. ","archived":false,"fork":false,"pushed_at":"2023-09-15T14:57:21.000Z","size":110,"stargazers_count":5115,"open_issues_count":19,"forks_count":276,"subscribers_count":107,"default_branch":"master","last_synced_at":"2025-04-25T15:48:47.462Z","etag":null,"topics":["favicon","javascript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tommoor.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2012-01-30T02:17:54.000Z","updated_at":"2025-04-25T15:23:13.000Z","dependencies_parsed_at":"2024-06-18T12:38:05.174Z","dependency_job_id":null,"html_url":"https://github.com/tommoor/tinycon","commit_stats":{"total_commits":82,"total_committers":29,"mean_commits":"2.8275862068965516","dds":0.6219512195121951,"last_synced_commit":"463cdbc226abf229e1e68048a3efa9b9e2928b41"},"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tommoor%2Ftinycon","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tommoor%2Ftinycon/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tommoor%2Ftinycon/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tommoor%2Ftinycon/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tommoor","download_url":"https://codeload.github.com/tommoor/tinycon/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254000883,"owners_count":21997443,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["favicon","javascript"],"created_at":"2024-07-30T19:00:37.207Z","updated_at":"2025-05-13T18:13:01.267Z","avatar_url":"https://github.com/tommoor.png","language":"JavaScript","readme":"# Tinycon\n\nA small library for manipulating the favicon, in particular adding alert bubbles and changing images. Tinycon gracefully falls back to a number in title approach for browsers that don't support canvas or dynamic favicons.\n\n\u003cimg src=\"https://github.com/tommoor/tinycon/blob/master/examples/screenshot.png?raw=true\" /\u003e\n\n\u003ca href=\"http://tommoor.github.com/tinycon/\"\u003eSee the Live Demo here.\u003c/a\u003e\n\n## Documentation\n\nTinycon adds a single object to the global namespace and does not require initialization.\n\n\n### Installation\n\nInstall with your favorite package manager.\n\n```\nnpm install tinycon --save\n```\n```\nyarn add tinycon\n```\n\n### Basic Usage\n\n```javascript\nTinycon.setBubble(6);\n```\n\n### Options\n\nTinycon can take a range of options to customize the look\n\n* width: the width of the alert bubble\n* height: the height of the alert bubble\n* font: a css string to use for the fontface (recommended to leave this)\n* color: the foreground font color\n* background: the alert bubble background color\n* fallback: should we fallback to a number in brackets for browsers that don't support canvas/dynamic favicons? Boolean, or use the string 'force' to ensure a title update even in supported browsers.\n* abbreviate: should tinycon shrink large numbers such as 1000 to an abbreviated version (1k). Boolean, defaults to true\n\n```javascript\nTinycon.setOptions({\n\twidth: 7,\n\theight: 9,\n\tfont: '10px arial',\n\tcolor: '#ffffff',\n\tbackground: '#549A2F',\n\tfallback: true\n});\n```\n\n### AMD support\n\nTinycon can also be used as an asynchronous module.\n\n```javascript\nrequire([\n\t'tinycon.js'\n], function (T) {\n\n\tT.setOptions({\n\t\twidth: 7,\n\t\theight: 9,\n\t\tfont: '10px arial',\n\t\tcolor: '#ffffff',\n\t\tbackground: '#549A2F',\n\t\tfallback: true\n\t});\n\n\tT.setBubble(7);\n\n});\n```\n\n## Browser Support\n\nTinycon has been tested to work completely in the following browsers. Older versions may be supported, but haven't been tested:\n\n* Chrome 15+\n* Firefox 9+\n* Opera 11+\n\nCurrently the library degrades to title update in the following browsers:\n\n* Internet Explorer 9\n* Safari 5\n\n\n## Development\n\nTo produce the minified file run `grunt uglify`\n\n\n## License / Credits\n\nTinycon is released under the MIT license. It is simple and easy to understand and places almost no restrictions on what you can do with Tinycon.\n[More Information](http://en.wikipedia.org/wiki/MIT_License)\n\nTinycon was inspired by [Notificon](https://github.com/makeable/Notificon)\n\n\n## Download\n\nReleases are available for download from\n[GitHub](http://github.com/tommoor/tinycon/downloads).\n","funding_links":[],"categories":["JavaScript","Javascript"],"sub_categories":["Graphics"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftommoor%2Ftinycon","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftommoor%2Ftinycon","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftommoor%2Ftinycon/lists"}