In case you haven't noticed: all of my recent shots are done almost entirely in CSS (this one has two images: the right part of the drop down, and the check mark). This is intended to be used in a web application, for example.
Very nice work Raj! It looks even more awesome actually in the browser. The only thing it needs is Firefox support, but that's very simple, just a case of porting the webkit specific CSS to moz, which we can do ourselves.
Thanks for sharing, and if/when I use it, I'll be sure to send the link as per the license :)
Using Raj's UIKit as a base, I saw loads of shots of the new Lion UI online, so I thought I'd give it a try in webkit. Used one more image for the noise, to overlay the webkit gradient on the toolbar and button.
31 Responses (page 1 of 2)
Tempted to release this…
In case you haven't noticed: all of my recent shots are done almost entirely in CSS (this one has two images: the right part of the drop down, and the check mark). This is intended to be used in a web application, for example.
Edit: released.
over 2 years ago
Freaking hot.
over 2 years ago
Pro
Zach Miller
Love this.
over 2 years ago
@Adrian Not as hot as your mommy XD
over 2 years ago
Pro
Morgan Allan Knutson
Super nice, man.
over 2 years ago
@Jonathan jeeeeeeeeeewish
over 2 years ago
@Adrian ICWUTUDIDTHUR.
over 2 years ago
Nice!
over 2 years ago
lovely.
over 2 years ago
Professional! :)
over 2 years ago
the lay out of this is spot on, very cool !
over 2 years ago
Pro
Christopher Downer
This is great. I love it. I still think the knob of the slider should be the same as the circular push button though. It's a bit too fine to click on.
over 2 years ago
Pro
Benjamin De Cock
Nice. You could even make the dropdown without any image actually ;)
over 2 years ago
Pro
James ✌
This is awesome!
over 2 years ago
Your getting really good at design Raj, keep it up!
over 2 years ago
Benjamin: I tried, but I couldn't figure it out without pseudo-elements and messy markup. Right now it's just a select tag.
over 2 years ago
Pro
Rick Murphy
So slick.
over 2 years ago
Pro
Jonatan Castro
nice man!
over 2 years ago
Very neat. I love the matte style of the button.
over 2 years ago
Released. Read the license.
over 2 years ago
Very nice work Raj! It looks even more awesome actually in the browser. The only thing it needs is Firefox support, but that's very simple, just a case of porting the webkit specific CSS to moz, which we can do ourselves.
Thanks for sharing, and if/when I use it, I'll be sure to send the link as per the license :)
over 2 years ago
Pro
Aubrey
That's a pretty generous license Raj.
*Hat tip*
over 2 years ago
Rebound
Lion like
by Mike Stezycki
Using Raj's UIKit as a base, I saw loads of shots of the new Lion UI online, so I thought I'd give it a try in webkit. Used one more image for the noise, to overlay the webkit gradient on the toolbar and button.
about 2 years ago
Pro
David Keegan
I used your css for a site I'm building and the controls look awesome, thanks for sharing!
http://dribbble.com/shots/124175-Status-Form
about 2 years ago
Pro
Court Kizer
Raj:
I've updated your UIKit so it works in firefox (without any js) fixed some line-height issues, and made sure it works with Safari 5.1 :-)
Also added disabled states, and am considering removing the class names, so it just picks up on the textfield style by type="text" to stylize it.
about 2 years ago