@thesocialdiner I love the "Surf" ribbon, but sometimes, it's a bit annoying to have it pop open everytime (or atleast 90% of the time) the user tries to access the top of the scrollbar (in the "Locations" page and "Guapo's Gives" page). Maybe you can translate it a bit up?
The website is looking awsome, its simple and elegant. just two very small things since you asked for comments, you have used quite a big background in the body probably you could cut it in small pixels and repeat it, and then use the other background images on top of it. And the thing is that when the "Surf " slides down , you have addes some extra white space at the bottom 'cape cod', I think that extra white space is not looking very good.
And also style the scroll bar in locations page, the scroll in not going with you design.
These are awesome inputs! THank you for taking the time !
@Srig99 What do you me translate it up ? (Sorry I'm new)
and @Sayed , are you referring to the wood background , and to make that cut up ? I'm not sure how that would work with the grain and images overlayed. I agree that white space is not good, I'll see if I can figure out how to remove that.
Yeah the scroll bar, I agree with too, I was trying to figure out what to do about that bar.
You should slide the ribbon a little more to the left because its covering the vertical scroll bar. Also you should move it a bit higher so that it looks like its wrapped and coming from the back falling over the frame, something like this
@Paulie_d and @Jarolin thanks ! I agree the ribbon needs to be worked on . I'll use both of your suggestions. Thanks for the input, I really appreciate it, the more eyes I can get on this project the better. Stand by for v2.
Some are saying I should use jQuery for my menu navigation and such, any thoughts on that process. I know zero about it, so I'm debating it it's worth learning quickly or not ?
You can learn the basics in just 2 hours: http://try.jquery.com/ (I didn't know about that site and haven't tried it yet, only just found out about it from a comment from dfogge in another topic, so credits to him)
I'll echo the comments about it being a very nice first iteration. Nice and clean.
I'm curious what exactly jQuery is supposed to do in the menu that css isn't really doing now. Are you looking for some additional effects that you are not getting currently?
I've got two critiques:
1) I'll echo the statement that the newsletter sign up should be bigger, but I think my comment is more about the type in general. I would say it needs to be uniform. There are all kinds of sizes and a number of different typefaces being used. I'd recommend choosing a couple strong and appropriate fonts and then standardize it.
2) The menu page in general. Firstly, it kind of falls into the thought above. The type is a different font, a different color and it's also an image so it looks different. You could easily just use fonts here and it would be great. Secondly, and I'll preface this saying it's my own personal opinion, any time I do a restaurant I push very hard to put the menu in HTML. I've yet to meet anyone who would rather see a giant PDF or get redirected to Facebook to see the menu. It just adds more layers to what could be a simple matter of "View Menu > See Tacos - BOOM!" Any time I've done a straight menu I get a ton of comments about how people love it. If it's at all possible and not a massive pain in the ass, I'd just personally go that direction :)
On the ribbon - after using the site on a couple pages, I definitely agree it gets really irritating. I think the problem was for me that it's this terribly intrusive thing to the layout, it didn't even present information that was really necessary for the user. I just wanna know what kind of taco to get but I keep hitting this thing that gives me the weather. At the very least I'd apply some .stop() mechanics so that it doesn't have to slide ALL the way down before it slides back up. I think I might either change the location so the user doesn't keep hitting it on accident or make it both an onClick action but also make it more clear what it's going to show. Hopefully that makes sense lol
I can easily make that Surf ribbon thing repeat itself forever, so there is certainly something wrong with it. Move your mouse over it in pure right to left to right to left fashion and then let your mouse rest just below it and you'll see what I mean. It keeps doing it even if I'm not visually on top of it.
Well I'm just getting into jQuery , if I were to use it , I'd write one main page (at least this is my interpretations) then use different actions to change the content of the div based on the click. But like you said it's already doing what it needs to. The link @Crocodillon posted was very nice though.
As for the newletter signup- yep working on that. Constant Contact seems to require inline CSS which is annoying. Plus the way my divs are setup, getting everything to act nicely with each other is very hard.
Menus - I completely agree the menus should be HTML , but massive pain in the ass would be understatement as much as they change menu, and the plans for social and mobile integration down the road.
@Dade and @Merri and @JoshWhite , that is awesome, seems to be the consensus on the ribbon. It's there for novelty as the owner. It's a surf report. But yes super annoying with the animation. I'll study the stop events now.
Thanks again, it's so helpful to have this type of forum and critique. AWESOME!
Well the .Stop DEFINITELY helped the annoying ribbon. Is there a way to make it just so the ribbon is the active section of a mouse over, rather than a long box of space before the ribbon ?
I'd love any and all comments on the site.
http://guaposcapecod.com/main.html
Thanks!!
@thesocialdiner I love the "Surf" ribbon, but sometimes, it's a bit annoying to have it pop open everytime (or atleast 90% of the time) the user tries to access the top of the scrollbar (in the "Locations" page and "Guapo's Gives" page). Maybe you can translate it a bit up?
Other than that, it's a great website! Good job!
The website is looking awsome, its simple and elegant. just two very small things since you asked for comments, you have used quite a big background in the body probably you could cut it in small pixels and repeat it, and then use the other background images on top of it. And the thing is that when the "Surf " slides down , you have addes some extra white space at the bottom 'cape cod', I think that extra white space is not looking very good.
And also style the scroll bar in locations page, the scroll in not going with you design.
These are awesome inputs! THank you for taking the time !
@Srig99 What do you me translate it up ? (Sorry I'm new)
and @Sayed , are you referring to the wood background , and to make that cut up ? I'm not sure how that would work with the grain and images overlayed. I agree that white space is not good, I'll see if I can figure out how to remove that.
Yeah the scroll bar, I agree with too, I was trying to figure out what to do about that bar.
Thanks again !
I'd certainly make the email sign-up field much larger....it's really small and hard to read what you have typed in.
The scroll scrollbar appears because there is too much top-margin on the #page-wrap. Maybe 50px instead of 100px?
Obviously, if the viewport is just too small there is nothing you can do but it's an option for you.
I too find the Surf hover thing annoying...perhaps have it activate with a click?
You should slide the ribbon a little more to the left because its covering the vertical scroll bar. Also you should move it a bit higher so that it looks like its wrapped and coming from the back falling over the frame, something like this
@Paulie_d and @Jarolin thanks ! I agree the ribbon needs to be worked on . I'll use both of your suggestions. Thanks for the input, I really appreciate it, the more eyes I can get on this project the better. Stand by for v2.
Some are saying I should use jQuery for my menu navigation and such, any thoughts on that process. I know zero about it, so I'm debating it it's worth learning quickly or not ?
You can learn the basics in just 2 hours: http://try.jquery.com/ (I didn't know about that site and haven't tried it yet, only just found out about it from a comment from dfogge in another topic, so credits to him)
wow , that looks like a cool tool @Crocodillon! I'll check it out for sure !
I'll echo the comments about it being a very nice first iteration. Nice and clean.
I'm curious what exactly jQuery is supposed to do in the menu that css isn't really doing now. Are you looking for some additional effects that you are not getting currently?
I've got two critiques:
1) I'll echo the statement that the newsletter sign up should be bigger, but I think my comment is more about the type in general. I would say it needs to be uniform. There are all kinds of sizes and a number of different typefaces being used. I'd recommend choosing a couple strong and appropriate fonts and then standardize it.
2) The menu page in general. Firstly, it kind of falls into the thought above. The type is a different font, a different color and it's also an image so it looks different. You could easily just use fonts here and it would be great. Secondly, and I'll preface this saying it's my own personal opinion, any time I do a restaurant I push very hard to put the menu in HTML. I've yet to meet anyone who would rather see a giant PDF or get redirected to Facebook to see the menu. It just adds more layers to what could be a simple matter of "View Menu > See Tacos - BOOM!" Any time I've done a straight menu I get a ton of comments about how people love it. If it's at all possible and not a massive pain in the ass, I'd just personally go that direction :)
On the ribbon - after using the site on a couple pages, I definitely agree it gets really irritating. I think the problem was for me that it's this terribly intrusive thing to the layout, it didn't even present information that was really necessary for the user. I just wanna know what kind of taco to get but I keep hitting this thing that gives me the weather. At the very least I'd apply some .stop() mechanics so that it doesn't have to slide ALL the way down before it slides back up. I think I might either change the location so the user doesn't keep hitting it on accident or make it both an onClick action but also make it more clear what it's going to show. Hopefully that makes sense lol
I can easily make that Surf ribbon thing repeat itself forever, so there is certainly something wrong with it. Move your mouse over it in pure right to left to right to left fashion and then let your mouse rest just below it and you'll see what I mean. It keeps doing it even if I'm not visually on top of it.
use .stop() before you slide-up or slide-down this ribbon block.
Well I'm just getting into jQuery , if I were to use it , I'd write one main page (at least this is my interpretations) then use different actions to change the content of the div based on the click. But like you said it's already doing what it needs to. The link @Crocodillon posted was very nice though.
As for the newletter signup- yep working on that. Constant Contact seems to require inline CSS which is annoying. Plus the way my divs are setup, getting everything to act nicely with each other is very hard.
Menus - I completely agree the menus should be HTML , but massive pain in the ass would be understatement as much as they change menu, and the plans for social and mobile integration down the road.
@Dade and @Merri and @JoshWhite , that is awesome, seems to be the consensus on the ribbon. It's there for novelty as the owner. It's a surf report. But yes super annoying with the animation. I'll study the stop events now.
Thanks again, it's so helpful to have this type of forum and critique. AWESOME!
Well the .Stop DEFINITELY helped the annoying ribbon. Is there a way to make it just so the ribbon is the active section of a mouse over, rather than a long box of space before the ribbon ?