A quick look at the start of my latest responsive project. A photography site for David Mullany, an amazing photographer. More to come soon with some little details :)
about 1 year ago
You sexy bitch!
Nice debut! Welcome!
Sick work... Is this design for a small screen (hence the hamburger icon)?
Nice one, would love to see more
@Ted Goas You guessed right, I've taken a mobile first approach to the design. This means that at the moment I have nothing but components designed for mobile devices :) I personally love the approach, do you?
Welcome to dribbble! :)
@Kyle Shrives I do like the approach for small screens, I use a similar one on my own site. But you say it's like this for all screen sizes at the moment? So it takes a bit of effort just to see the menu?
great - maybe right alight the list icon though?
@Ted Goas I think the idea behind hiding a navigation behind a toggle functionality is regular for small devices yes. I think it's possibility the better approach rather than always showing your navigation because the user wants to get to the content with reduced distraction(s) like navigation.
However it depends per project doesn't it. Can you think of a example where you'd want to show the navigation by default?
@Prismatic The shot above doesn't demonstrate it correctly but the image fills the width of the device. Meaning the indent is required so they aren't flushed against the edges.
However after seeing your comment I've realised that in my build they aren't exact and needed to be cleaned up so thanks for that :)
Sure, it depends on the project. But on screens large enough to display the navigation, I'm hard pressed to find a reason to hide it. It's mere presence shouldn't be a distraction from the content. Just my 2￠.
@Kyle Shrives Here's an example; doesn't make sense hiding navigation behind a click even when a site is in 'full width/desktop'. Again, just my opinion.
@Ted Goas Oh I understand what you're saying now. Yea on larger devices the navigation is always displaying without the toggled functionality :)
12 months ago
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–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.