Giter Site home page Giter Site logo

sean-public / recipefilter Goto Github PK

View Code? Open in Web Editor NEW
292.0 12.0 51.0 17.42 MB

Browser extension that focuses recipes front and center on food blogs

License: GNU General Public License v3.0

JavaScript 47.33% CSS 11.01% HTML 4.63% Swift 37.03%
adblocker browser extension food recipes

recipefilter's People

Contributors

bgrainger avatar connum avatar dvehar avatar eyalzek avatar lurn avatar sean-public avatar worc 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  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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

recipefilter's Issues

Remove jquery

It's only used here and there, I hope someone can replace it as a dependency with plain ol' ES6.

Publish the Safari extension as an iOS Safari Web Extension App

Theoretically, I think Safari web extensions are cross-platform now. I stumbled across this blog post about setting up a quick and dirty iOS 15 Safari Extension.

I forked and messed around for a while, and it definitely seems possible with the existing Safari extension.

It would require an Apple developer account, which is $100 USD a year.

Safari compatibility?

Do you have any plans on moving your recipe filter extension to other browsers, too?

showing 'dismiss' controls at top?

  1. It would be useful to show the dismiss/disable buttons at the top of the popup aswell as the bottom

Sometimes its not obvious RecipeFilter has kicked in, and it just looks like a site popup until you scroll all the way down.
Example here..

http://www.fatworksfoods.com/recipes.php

  1. Hitting ESC could close the popup too.
    Oddly I noticed that hitting ESC twice on the site above, causes the popup to resize itself after which its being clipped properly.

Option to reopen without refreshing page

Some sites, like Mom On Timeout, have a newsletter popup. This disables scrolling, so if I click to dismiss the newsletter popup, it also closes Recipe Filter and I cannot reopen it without refreshing the page. Adding a menu option when I right-click on the extension to reopen Recipe Filter would be great.

_rf_header not displaying at the top of the cloned element

When the browser window is wider than a certain point, the _rf_header element shows up incorrectly. It is aligned on the left instead of the top. This seems to happen when the text "Recipe Filter" is displayed on 2 lines.
Screen Shot 2020-08-13 at 4 07 09 PM

However, when the window is narrower, it shows up correctly.
Screen Shot 2020-08-13 at 4 09 07 PM

Link to the site in the example: https://tasty.co/recipe/the-best-chewy-chocolate-chip-cookies
This may be site-specific because it looks like the cloned element has a forced flex display but I wasn't able to isolate whether this was the problem.

Forks Over Knives Example

This site seems to not fall into into the redesign div correctly. It just copied the whole page into the div and didn't wrap or fit in well.
image

Publish your extension to Microsoft Edge Addons website

Microsoft Edge is the second most used browser on the web, making the browsing experience more flexible, offering many more services for users and optimized for Windows devices.

Microsoft Edge supports Chromium extensions, and you can publish your extensions to Microsoft Edge Add-ons website with minimal code changes. Find out more here.

If you have any more queries about porting Chrome extension to Microsoft Edge or anything else, you can contact the relevant teams whose links are given here.

Let me know if this was helpful. I am happy to help you with more details.

Images unbounded on NoRecipes

On NoRecipes pages like this, the images have no size constraints and were relying on being inside a container DIV to size them properly (they are 2000px wide), so they exceed the width of the modal RecipeFilter creates.

Possible fix: Add max-width: 100% for .recipe ol li figure img elements in CSS.

Extension will not run on Vivaldi ?

I installed the extension from the Chrome store into my Vivaldi browser 6.1.3035.257) on Windows 10 and the icon has appeared at top right next to my other extensions but when I click on that, nothing happens. I have tried restarting Vivaldi and re-booting the laptop but nothing has improved this situation. Any suggestions?

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.