Mystery upcoming project UI detail: Length preview
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers.
44,055,852,194 pixels dribbbled
Copyright © 2009-2012 Dribbble LLC. All screenshots © their respective owners.
Handcrafted in Salem, Massachusetts. Hosted by (mt) Media Temple.
15 Responses
Looks great! But negative margin? Seriously? ;-)
6 months ago
What's wrong with negative margins? They're super useful and less error prone than their alternatives in most cases.
6 months ago
Pro
Stuart Robson
Lea, these shots are getting more intrigued. Can't wait to see what it is :D
6 months ago
Pro
Joshua Hibbert
I second the usefulness of negative margins. Can't wait to see what this is; it's looking fantastic Lea!
6 months ago
Pro
Andrew Ckor
I like the highlighting colors :)
Beautiful…
6 months ago
Pro
Justin L.
Pfffft. Negative margins are fine … well, unless it's -890px or something severe. Then you may want to rethink your layout :)
6 months ago
Looks very... editable :) I feel like playing around in it. Nice color scheme! And yes, negative margins are really ok, especially when it comes to grids and getting the gutters right, they're super-dupah useful.
6 months ago
Pro
Rafal Bromirski
Great shot and cant wait to see this, but I have one question:
Why you need the rule in IDE over this field? You can click or drag? Or only for 'wow' effect?
Don't get me wrong but in my opinion its unnecessary feature.
6 months ago
To get an idea of how big or small a length is. You might have enough experience to not need something like that, but many web designers have trouble visualizing CSS lengths, especially the ones that are still learning.
6 months ago
Pro
Rafal Bromirski
Ah, so it's completely different thing than I thought :) Will it support 'em' values? That might be helpful even for me :D
6 months ago
No, that would introduce a significant performance overhead. :( Only absolute lengths (px/cm/mm/in/…)
6 months ago
Pro
Andrea Giannangelo
It's going to get tricky with 500px+ sizes. Maybe you should show the whole box margin/padding/border/width/etc schema on click, it would be more useful.
6 months ago
@Andrea: Yes, it's tricky with very large or very small sizes, haven't decided how to handle those yet.
Showing the box model would be useful, but would be much heavier on performance, as I'd need to parse the entire rule, instead than pattern matching values. That's the reason I don't have a previewer for ems too.
6 months ago
Pro
David Perel
Going to hazard a guess here and say iPad coding app? :)
6 months ago
I'm sorry David but that could be the most wrong guess I've heard about it so far :)
6 months ago