keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers.
44,084,659,474 pixels dribbbled
Copyright © 2009-2012 Dribbble LLC. All screenshots © their respective owners.
Handcrafted in Salem, Massachusetts. Hosted by (mt) Media Temple.
20 Responses
Yes, I use multiple classes on the same words sometimes.
5 months ago
Ever try the Twilight theme?
5 months ago
Pro
Matt Scribner
@Darren Does it sparkle?
5 months ago
Pro
Tim Watson
I love this idea.
5 months ago
Pro
Cameron Daigle
Ew, global class clutter. I do my best to avoid globally-defined stuff like that, so the style definitions are contextual to the page instead of dependent upon extra markup in the view. But we also operate in large Rails apps most of the time, so clean views are always a priority; YMMV.
5 months ago
Pro
Cameron Daigle
Also, you mad.
5 months ago
@Matt I followed you just for that comment.
5 months ago
Good idea Josh. Way to be in the details!
5 months ago
Pro
Juan Arreguin
AHAH, no worries man, maybe of us do the same :)
5 months ago
Pro
Jerett Patterson
ok im a coda man - what editor is that one you have there and what "theme".
5 months ago
Pro
Jerett Patterson
nevermind - i think i see it's textmate :( shame shame
5 months ago
textmate blasts coda into space. all props for your choice of editor, Josh
5 months ago
Pro
Jon Heslop
Isn’t this what lettering.js was made for? http://letteringjs.com
5 months ago
@Cameron: "Ew, global class clutter"
also known as "visual framework" - it really depends on how you look at it- and I'm guessing you would use this technique frugally, only on high-impact typography.
5 months ago
Pro
Mike Meyer
That kind of stuff is usually fixed with
text-rendering: optimizeLegibility;ALSO. Negative/positive margin +
display: inline-block;would probably be better for one’s mental model, but to each his or her own.ALSO, while you’re at it, that OR needs some kerning love.
5 months ago
Mike:
1) Usually, but not always. Usually isn’t enough.
2) I don’t know what that means.
3) It has it. In the context of the rest of the nav, all the middle lines are intentionally tracked wide.
5 months ago
Pro
Cameron Daigle
@Andy all true.
5 months ago
Pro
Mike Meyer
1. Yeah. Sigh. It’s tough to be a perfectionist when the end result is left to an unpredictable set of browsers. Designing for the web means either giving up a lot of the perfection that print design allows or finding a workaround. But you know this. Nice to see you’re not giving up.
2. Never mind.
3. Ah. Looked accidental. A matter of opinion. In context it’ll probably make more sense. Looking forward to seeing it in real-deal HTML/CSS.
Related to what a few other people have said, have you tried Kerning.js combined with Lettering.js? A nice combo, though a bit heavy for presentational perfection.
5 months ago
I know what that's like! — messed with class-laden manual kerning for some web specimens a while back.
Why isnt that first one .track3? :)
4 months ago
Pro
Silas Godfrey
It's good to see a healthy obsession with text perfection! Absolutely beautiful.
3 months ago