Coder Social home page Coder Social logo

bpevs / favioli Goto Github PK

View Code? Open in Web Editor NEW
61.0 61.0 5.0 5.7 MB

Emoji Favicons for the web. ๐Ÿ‘Š๐Ÿคฏ

Home Page: https://favioli.com

License: MIT License

TypeScript 91.19% HTML 0.80% CSS 8.00%
chrome-extension emoji favicon firefox-addon react

favioli's People

Contributors

bpevs avatar deadmouse avatar eligrey avatar gitoffthelawn avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

favioli's Issues

Knowing which icons are genuine

I'd love to know which icons are genuine simply by adding some pixel size (dot/underscore line) to the icon.

Does this idea make sense to you aswell?

Custom Overrides

Overrides

  • A user should be able to override any existing website's favicon with chosen emoji.
  • We should be able to set internal overrides for humorous effect (ala ๐Ÿ‘€ for facebook or something) that take priority just about our random generator

Changes

  • User Custom Overrides that can replace any existing website's favicon with a specific emoji. (#18)
  • Make a dynamic list of all user custom overrides in options.html (#18)
  • Should be able to select custom overrides by regex (#18)
  • Should enable override config where we can set app overrides that should be prioritized just above random emojis. (#21)

Firefox support

It would be great if this extension was available on Firefox, too!

Issues with sites using Emoji Favicon Toolkit

Favioli resets the favicon to the default ServiceWorker-cached /favicon.ico on sites that use Emoji Favicon Toolkit, such as https://eligrey.com.

I use EFT here: https://eligrey.com/blog/wp-content/themes/eligrey.com/js/favicon.js

Expected results: Favicon is set to one of: ๐Ÿ‘จโ€๐Ÿ”ฌ ๐Ÿ‘จโ€๐Ÿ’ป ๐Ÿ‘จโ€๐Ÿš€ ๐Ÿคฏ ๐Ÿค– โšก ๐ŸŒง๏ธ ๐Ÿš€ ๐Ÿ’ป ๐Ÿง  ๐Ÿ‘ป ๐Ÿ“œ โ˜„๏ธ ๐Ÿ›ธ ๐ŸŒŒ ๐ŸŒ  ๐Ÿ›ฐ๏ธ โœจ ๐Ÿ”ฅ โœˆ๏ธ โ˜•๏ธ ๐Ÿ• ๐Ÿฑโ€๐Ÿ’ป and changes to ๐Ÿ’ฌ whenever any input elements get modified.

Observed results: Favicon is set to ๐Ÿ› ๏ธ (default favicon) and never changes.

Favioli on Firefox on Android

I don't have an android phone, so I will need a little help getting this one running.
According to #34, Favioli does NOT work on Firefox mobile. Would like to figure out why this is happening, and if we can fix it.

Current build is here:
https://addons.mozilla.org/en-US/firefox/addon/favioli/

I'm currently labeling this as a Feature Request, as I have not previously thought about making this available for mobile phones.

Options page undefined api call

screen shot 2018-09-12 at 9 24 25 pm

When we open a page that runs Favioli, a request gets sent from the Options page. Doesn't affect anything, but should fix, cuz seems unnecessary.

Whitelist Specific Websites

Is your feature request related to a problem? Please describe.
Yes, my feature request is related to a problem.
While Favioli is active, the login Fastmail page breaks.
As soon as I disable Favioli, the login Fastmail website works.

Describe the solution you'd like
Be able to whitelist a website bypassing the existing Favioli overrides, i.e. render the overrides useless purposelessly for a determined website.

Describe alternatives you've considered

  1. To bypass the Favioli issue with Fastmail, I log to my Fastmail account using the Chrome browser incognito mode.
  2. I opened a ticket with Fastmail. Their web engineers are still working on it. No solution from them yet.
  3. I emailed Google requesting the addition of an ON/OFF radio button in the Chrome toolbar extensions icon drop-down menu for each installed extension. It would allow for the rapid enabling/disabling of Favioli with one click.

Additional context
I use only one Favioli override, i.e. asterisk.asterisk and the same favicon for all overrides: a small black square.
I use Favioli for privacy reasons rather than aesthetic.
By using Favioli, I prevent favicon diversity and feed trackers the same favicon always. Therefore, they're unable to track my web path due to the similitude of favicons in local storage: no favicon variety, no path distinction.

Schneier on Security

I believe that Favioli might have issues with scalable vector graphics favicons.
By overriding the Fastmail SVG favicon the embedded scripting part could be affected resulting in the page not loading.

Testing

Need testing before 1.1.0 because now people use this thing, so maybe it shouldn't break.

Doesn't correctly handle cached favicons

There seems to be an inconsistency when using tab.favIconUrl as the only method of determining the prior existence of an emoji. Gotta come up with a workaround to make the emoji replacement more consistent.

There is two issues that come out of this bug:

  • Sometimes refreshing the page will cause the favicon to disappear
  • Sometimes we replace the favicon with an emoji when we shouldn't (amazon.com sometimes?).

Fix will almost definitely be in background.js

Super Override Feature

Be able to override and check favicon to keep it that way on websites that programmatically change the favicon back.

Faviolicons in saved bookmarks

Favioli works fine for the tab icon of my Firefox browser, but doesn't change the icon in my dropdown bookmark bar of saved bookmarks. Any way of extending the extension into all the nooks and crannies in Firefox?

Pre-2.0.0 Features

  • Custom Emoji Sets
    Currently, random emojis are selected from defaults.js A user should be able to make their own set of emojis to select from (upload a csv, or enter in a textbox, or something like that).

  • Add Custom Images to Emoji Sets
    This one could be annoying. On launch, we should support png and jpg. gifs would be super cool, but maybe come later.

  • Modify Hash Seed
    We want this Pre-2.0, but we can prolly do this relatively soon. Not complicated.

  • Add Privacy Policy
    To tell people how we won't sell their info or do other shady shit like that.

  • Firefox
    IT IS COMING (maybe not mobile tho, we'll see)

Browser / OS Minor UI quirks

Describe the bug

There are some bugs that are showing up due to rendering differences on other platforms.

  • Edge/Windows (Have not checked in other chromium browsers)
    • Favicon is maybe not centered correctly vertically. The auto-gen Github logo is slightly cutoff at the top.
    • Some emojis are not supported, or rendering improperly, but still show up in favicon selector.
  • Windows, Firefox and Edge
    • Favicon selector width is slightly smaller, so some icons are being displayed only halfway on screen. Can still reach via scroll, but ugly. Cause looks like it is unsupported multi-byte strings, so both chars are being displayed discreetly. Can either cut-off via dropping 2nd char, or try to flatten/handle, see if it works. This is an extension of "some emojis are not supported"

Screenshots

edge-windows

edge-windows-2

firefox-windows

stringzz

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.