And the portfolio page.
SEE THE LIVE VERSION!
Oh and I'm using the awesome Twitter Boostrap from @Mark Otto.
about 1 year ago
Great job! The only thing I think you may want to change is the menu button on the iPad, make it stand out a little more :).
I love it!! This will be a hit for sure!
Why does the email go from the left to the right with the responsive design? Also, it seems like you could still have those menu options at the top without hiding them (maybe make the text and padding smaller?) so what was the reason in doing that? I can see this type of functionality on smaller devices like an iPhone, but not on an iPad. Just curious on your rational. Visual design looks great. :)
@all : Thanks!
@Timothy Whalin Thanks man! Valid point you have there. The thing is .. right now the version you see was from a browser so the content is exactly what it is on ipad but not the overall size so the topbar will be small on the ipad (only the tall resolution, not the portrait) and I decided to go with a menu like this because user sometime have a LOTS of pages .. and I didnt want it to break on iPad :)
@Dany Duchaine Seeing that the user can customize their UI and expand that menu explains the need for the icon. Since the contact info is on the right in the larger view, would it be less movement to have it on the right in the compact view and the icon on the left? I've found that moving elements between views can be problematic.
Yup definitly something I will have to think about.
Hmm the debate about moving the email to the left and icon on the right being too much movement might be thinking about it too much.
If a user first enters a page with this theme on it for the first time on an iPad, they would have no other reference that on some other screen resolutions the email is shifted quite a bit.
You need to design for the device, which I think Dany has done. When I'm using my iPad, I tend to use my right hand for navigation, scrolling, interacting etc. So having the icon on the right makes complete sense to me.
On the web, most of the time you have navigations going from left to right, so it makes sense there too.
In short, there's no reason to change it because of its "movement" between resolutions. People don't swap resolutions all the time, and certainly not to a point where they were expecting something to be somewhere else because they were used to it being there.
@Matt Johnson Thanks for the input. Good point too and I think that's why I didn't think of it as a problem. The user will have the normal navigation on iPad portrait orientation though, so it will chagnge for this if he switch views but I think it still stays intuitive enough.
repeating pattern over top the bg is a nice effect
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter