I've been making a lot of iPhone UI mockups for clients over the last couple of years, and I've often used the PSD from Teehan+Lax . The problem is though, the larger the pixel density gets, the larger the PSD files.
Everything can be rendered by webkit in CSS though. So i started yet another project while my two awesome coders work on iClock. Meet CSSUIKit. It will be building every single iOS UIKit element for you as HTML / CSS elements, with minimal markup.
Have a look at the video to see the current demo from the website.
This is just a teaser - a lot more will come soon.
www.cssuikit.com (webkit only)
almost 2 years ago
Yes Kevin, but first finish iclock. hehe :)
Ohh, so money!
@Isaac Grant ＊
I am working on it while @Curtis Hard & @Nicholas L. Eby finish up. We are a bit delayed due Caffeinated being featured by Apple - and a few bugs needed ironing out.
But that doesn't mean I have to sit still, right? :)
I'm currently making a minimal css3 web UI kit, but I never thought of making one for iOS. Can't wait to mess around with it! Looks great! :)
Nice! I did something very similar a while ago. This is much better! :D
Link to your site is not working Jeff :( – I didn't know your made it though :)
Anyways; I have quite a few ideas planned for this thing.
* Got it working :)
You are a beast!
Awesome! You can't grab and slide it tho. :/
You can press it though ;) (Only webkit btw.)
I will add some jQuery later - but the plan is it should work without jQuery.
If you're looking for something ready to go right now, you can try using my iOS jQuery Mobile theme I built a while back. There's a demo available, and it's all hosted on GitHub.
Thanks mate. I am basically looking for something which can:
1. Be scaled gracefully
2. Made with minimal markup
3. Looks as close to the real thing as possible
4. Can be showcased in a nice way to clients
I haven't been able to find anything that does that yet; so I am taking the jump and making it myself. It's not to have something that reminds you of iOS, it should look and feel iOS.
@Kevin Andersson I understand your reasoning and think that's fantastic. Both jQuery UI and Mobile have always been pretty restricting. As someone who has built a fair few jQuery themes in my time - shit's rough.
Here's a little more progress.
by Kevin Andersson
I just added a little preview of what to come. A lot of elements in the works. This currently only works in webkit - sorry chaps.
almost 2 years ago
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