Take a look at the full image, then open the shot 3-D text in a new tab and switch between the two to compare.
As I was browsing some shots today, I noticed something odd. I felt like the metadata was getting in the way of browsing more shots.
So I changed the floats for div#the-shot and div#screenshot-meta and was kind of intrigued by the result.
over 1 year ago
@Jason Robb Cool exercise, thanks for the feedback. Here are my thoughts ...
While moving the metadata left does center the image, it feels like it exacerbates the problem you're trying to solve. The page now leads with text, the clean left border of the image is gone and the shot now competes against other (navigation) images on the right. We've also lost the clean line of the left-aligned metadata that was to the right; now the more jagged right edge of metadata abuts the left side of the image. It feels a bit like the shot image has been dropped in the middle of a pile of content v. featured.
Of course that's just my opinion. As always, I reserve the right to be wrong about everything. :) (A right I exercise often.)
Hope you are well - where are you working these days?
If this is not implemented, it would be cool to have a safari/firefox extension/add on to make this layout possible just in case you want to switch it up every once in a while.
@Rich Thornett Thanks for the reply. Just to be clear, you totally don't need my advice/suggestions. You guys know what you're doing. I only meant it as a fun and quick experiment, and the results were interesting enough to share. So here we are!
There's no "quick fix", and perhaps there's not even a legitimate problem here—I regularly use the keyboard navigation to browse shots. :-)
Nice: I like that you pointed out the "trapped whitespace" between the ragged edge of the metadata and the shot. That stuff can be challenging to deal with.
What am I working on? A couple illustration projects actually, which is becoming more of a core service than I thought it could. Now I'm mostly working on personal projects (like my website, writing, and taco recipes).
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