Sanyaissues Posted October 19, 2014 Share Posted October 19, 2014 Recipes website: http://superpola.com Modules Used: ProCache ProcessImageMinimize / minimize.pw Batcher AIOM 16 Link to comment Share on other sites More sharing options...
Joss Posted October 19, 2014 Share Posted October 19, 2014 Nice and clean and simple. Where do the recipes come from? Oh, just answered my own question by translating! 1 Link to comment Share on other sites More sharing options...
SiNNuT Posted October 19, 2014 Share Posted October 19, 2014 What Joss said. That's some tasty looking food btw. 1 Link to comment Share on other sites More sharing options...
kongondo Posted October 19, 2014 Share Posted October 19, 2014 Hermoso! 1 Link to comment Share on other sites More sharing options...
Sanyaissues Posted October 19, 2014 Author Share Posted October 19, 2014 Where do the recipes come from? This website was made for a local supermarket on Dominican Republic. The recipes and the pictures were custom made. Link to comment Share on other sites More sharing options...
Philipp Posted October 20, 2014 Share Posted October 20, 2014 Cool site. Great photos. Maybe you can report back how much the users interacted with the page? Also a project using minimize.pw in the wild. Thanks for using it! 1 Link to comment Share on other sites More sharing options...
Mike Rockett Posted October 20, 2014 Share Posted October 20, 2014 Great site you've got there! Well done! 1 Link to comment Share on other sites More sharing options...
Sanyaissues Posted October 31, 2014 Author Share Posted October 31, 2014 Cool site. Great photos. Maybe you can report back how much the users interacted with the page? Also a project using minimize.pw in the wild. Thanks for using it! Phillipp, the website has around 10,000 sessions per month, 5 pages per visitor and 4 minutes / average session duration. By the way, minimize.pw is very simple and really helpful. I'm proud of the speed of the website thanks to minimize, proCache and AIOM. Take a look of the minimize stats: Images sent 500 Traffic In 225 MB Traffic Out 53.8 MB Saved 171 MB Compression 76.1% 2 Link to comment Share on other sites More sharing options...
PhotoWebMax Posted October 31, 2014 Share Posted October 31, 2014 I like this! Nice and clean... One question on pages like this: http://superpola.com/recetas/todas/?&category=pastelones when you hover over one of the images the entire row of images jiggles a bit. Is that intentional? I have never seen that before... Link to comment Share on other sites More sharing options...
horst Posted November 1, 2014 Share Posted November 1, 2014 @PhotoWebMax: I do not see any "jiggles" viewing with FF / IE / Chrome on Win. Does it looks good / interesting? Then I want to have it too. @Sanyaissues: Really well done site! And also really well done pictures (from the photographers working for superpola). I think you have fun working with / for these people. Link to comment Share on other sites More sharing options...
PhotoWebMax Posted November 1, 2014 Share Posted November 1, 2014 (edited) @horst... I tried this again. On my Mac running Chrome I get just a font color change and lightening of the image on a mouse rollover. On Firefox the individual large thumbnail also changes position slightly. But on Safari several of the large thumbnails move (noticeable jiggle) in unison when you do a mouse rollover on one of the thumbs. So, on this page there are two rows of four images each. The collective jiggle is not consistent either. Mouse over the left images and the entire row will jiggle. Mouse over the second image and the entire row will jiggle except for the left most image. Also, the rate of the jiggle is stronger in Safari than it is in Firefox. No movement in Chrome though. Just pointing this out as I had never seen thumbnails act this way before. Anyone care to confirm this? Great looking site though... Edit: I checked my wife's Macbook. First off when using Safari the site content would not display at all. I got a message saying the Adobe Flash Player needed to be upgraded. I did this and the site looks normal with no image jiggling. I then upgraded the Flash Player on my Mac Pro (older version) and the images are still jiggling when doing a mouse ever while using Safari. Chalk it up to browser weirdness... Edited November 1, 2014 by PhotoWebMax Link to comment Share on other sites More sharing options...
MilenKo Posted April 21, 2017 Share Posted April 21, 2017 @Sanyaissues I know its been a while since you posted the page in this topic but it really gave me an idea to try - the ingredients list. Could you share some ideas of the approach? The only way I can see it through is by using the repeater approach for every ingredient in the recipe but it has its downsides... Btw, I really like what your work as the page is very clean and the picture materials speaks for themselves. Link to comment Share on other sites More sharing options...
Juergen Posted April 23, 2017 Share Posted April 23, 2017 Great design, cool filter functionality and it loads really fast here in Austria. Good work! Link to comment Share on other sites More sharing options...
Sanyaissues Posted May 29, 2017 Author Share Posted May 29, 2017 On 4/20/2017 at 11:10 PM, MilenKo said: @Sanyaissues I know its been a while since you posted the page in this topic but it really gave me an idea to try - the ingredients list. Could you share some ideas of the approach? The only way I can see it through is by using the repeater approach for every ingredient in the recipe but it has its downsides... All the ingredients are pages and they are linked to the recipes with repeaters. Each repeater has an ingredient and a description: Butter / 1 cup butter. Did you try another approach? Link to comment Share on other sites More sharing options...
MilenKo Posted June 10, 2017 Share Posted June 10, 2017 @Sanyaissues Thank you for your reply. Sorry for my delayed response as I got distracted and being away from my computer and web development for some short time. I was thinking of the best approach for my case and decided to do it through a simple text block where i am filtering the results (every \n is considered one ingredient) and the parts are read through the line in a loop (every word separated with space or other symbol). So at the moment I have something like this: 250 ml whipped 40% cream (Animal source) Where the text is converted to: a[0] = quantity a[1] = measurement a[2] = ingredient (any words content before the opening bracket symbol " ( " a[3] = additional instructions (pink tooltip on the image) Having that approach allowed me to style the recime measures, measurement units, ingredients and instructions separately giving more freedom. And on the other side, to me it is much easier to just copy/paste a recipe from notepad and I did my best to follow the standard for adding recipes with additiona info (using brackets). Oh, and what would be a recipe without the ingredients/instructions dividers - so for this thing I added a lookup for #...# which is styled separately and is considered as Ingredients/Instructions divider (ex. For the salad, For the sauce etc.) One last thing - I removed any \n as sometimes people tend to leave a few line breaks and that was considered as a new ingredient/instruction step. Now everything works fine so here is a short demo content of a recipe and the image how that gets converted (image attached) #For the dough# 250 ml whipped 40% cream (Animal source) 1 pod vanilla (Without the sticks) 1 sachet gelatine 2-3 Tbsp of rice syrup #For the cream# 150 gr blackberries and blueberries 2-3 Tbsp of rice syrup I might experiment with other ways of having the same thing and simplifying it but for the moment I already passed that point so both - ingredients, instructions and Tips are done in an identical/similar way. P.S. It is not close to your ingredients listing which I really liked but I would rather start popularising the site and then decide which way to go as you were following the client needs/instructions but i am more looking at my needs and simplicity to add recipes during busy timee from my phone, tablet etc. So far so good, the rest is to be seen yet as I am aiming now at some more filters to allow recipes to be selected by wanted/not wanted ingredients etc. That should not be hard to achieve but takes time and trial/error for a newbie like me Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now