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.
113,684,601,681 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
32 Responses (page 1 of 2)
Pro
Rogie
Teh codes
For all you haters of my font choice, I repent. Here's a monospace font. MEH
live here http://rog.ie/post/9089341529/html5boilerplatejs
almost 2 years ago
Pro
Dominik Schmidt ⚛
love it :)
almost 2 years ago
Pro
Robert Padbury
beautiful
almost 2 years ago
Very well done
almost 2 years ago
Pro
Vince Speelman
Love it. May I suggest a revision to your code?
Offer a mixin for black and white rgba colors with opacities.
.black(@alpha:0.5) {
rgba(0,0,0,@alpha);
}
.white(@alpha:0.5) {
rgba(255,255,255,@alpha);
}
almost 2 years ago
Pro
Rogie
@Vince how would I pass that mixin as a parameter to another mixin?
almost 2 years ago
Pro
Vince Speelman
@Rogie in that case you's have to call the opacities you want out individually, which I think still saves a step.
@black05: rgba(0,0,0,0.05);
@black10: rgba(0,0,0,0.1);
@black20: rgba(0,0,0,0.2);
@black30: rgba(0,0,0,0.3);
@black40: rgba(0,0,0,0.4);
@black50: rgba(0,0,0,0.5);
@black60: rgba(0,0,0,0.6);
@black70: rgba(0,0,0,0.7);
@black80: rgba(0,0,0,0.8);
@black90: rgba(0,0,0,0.9);
@white05: rgba(255,255,255,0.05);
@white10: rgba(255,255,255,0.1);
@white20: rgba(255,255,255,0.2);
@white30: rgba(255,255,255,0.3);
@white40: rgba(255,255,255,0.4);
@white50: rgba(255,255,255,0.5);
@white60: rgba(255,255,255,0.6);
@white70: rgba(255,255,255,0.7);
@white80: rgba(255,255,255,0.8);
@white90: rgba(255,255,255,0.9);
almost 2 years ago
Looks nice, Rogie
But for me it's kinda hard to see the stroke number
Maybe adding lines or something will help resolve this problem: http://c.kam88.com/94IY
almost 2 years ago
Pro
Rogie
@Vince yeah it would be great to do this
#gradient > .vertical( @.white(0.5) , @.white(0) );
almost 2 years ago
Pro
Rogie
@Kamil solid call. I had designed the latter that you designed as well, but I felt that it just complicated the style and the code. I decided on simpler. However, I may want to do something with a hover/tap on the line that causes that behavior.
almost 2 years ago
Rogie, yeah, highlighting the line on hover is nice decision I think.
almost 2 years ago
Pretty slick dude! So are you using RoR as your main dev platform so you can use all those sweet gems?
almost 2 years ago
Pro
Rogie
@Darren nawww, most likely just gonna use a javascript plugin :S
almost 2 years ago
Pro
Marc Thomas
any reason why you've not gone for a non-monospace font? it looks beautiful as it is, but may be slightly easier to read if you went monospace?
almost 2 years ago
Pro
Rogie
@Marc I went back and forth on it. I'm pretty sure I'm gonna side with monospace :)
almost 2 years ago
I was about to talk about monospace
almost 2 years ago
Pro
Brendan Falkowski
Who dares not set code in monospaced type? Nice visually, but I would repent for readability in the end.
almost 2 years ago
Pro
Rogie
@Father, errr, Brendan. I repent. http://rog.ie/93zU
almost 2 years ago
Pro
Marc Thomas
@Rogie just make sure you use a crack-a-lackin' monospace font! ;)
almost 2 years ago
Pro
Marshall Bock
Looks great, man. Can't wait to see this live :)
almost 2 years ago
Pro
Rogie
@ALL
I REPENT, I REPENT. BLAH BLAH BLAH, I'LL USE A MONOSPACE FONT!
almost 2 years ago
Pro
Vin Thomas
Love the color. Don't love the font.
almost 2 years ago
I love it all including the font. Looks really clean :)
almost 2 years ago
Thank you for using a black background. I love it! :)
almost 2 years ago
If I may, you should rock Inconsolata: http://www.google.com/webfonts/specimen/Inconsolata
almost 2 years ago