sean-public / recipefilter Goto Github PK
View Code? Open in Web Editor NEWBrowser extension that focuses recipes front and center on food blogs
License: GNU General Public License v3.0
Browser extension that focuses recipes front and center on food blogs
License: GNU General Public License v3.0
https://therecipecritic.com/2017/01/sticky-honey-garlic-butter-shrimp/
Filter fails on this page
It's only used here and there, I hope someone can replace it as a dependency with plain ol' ES6.
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.
Do you have any plans on moving your recipe filter extension to other browsers, too?
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
https://smittenkitchen.com/2013/11/apple-and-herb-stuffing-for-all-seasons/ for example
Great extension otherwise. Just trynna make my stuffing. ๐ฏ
I primarily use a keyboard to navigate the web, and it would be much simpler for me (particularly on longer recipes or recipe sites, like this one from Just One Cookbook) to use the Esc key to also close the RF dialog window. Is this possible?
http://thepioneerwoman.com/cooking/braised-short-ribs-heaven-on-a-plate/
I tried other blogs, they look awesome! Pioneer Woman is jacked up.
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.
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.
However, when the window is narrower, it shows up correctly.
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.
I keep my recipes in markdown files, having the option for the extension to spit out the filtered recipe as markdown would be a great feature.
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.
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.
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?
repro steps:
expected behavior: RecipeFilter generates a recipe card for the page
actual behavior: RecipeFilter doesn't do anything
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.