Grow your CSS skills. Land your dream job.

from design to app questions

  • # January 30, 2013 at 6:27 pm

    I have a question, I am a UI designer, and I am doing more and more app design. I am working with a few UI developers, and I wanted to know, how much of an app’s UI can be done with pure code with css3 and html and jquery, and what has to be done using sliced images?

    I can create almost anything, and because of resources like dribbble and other places, I am learning new techniques and improving all the time. But when you take a UI from photoshop to the programming, where is the line between doing it with the coding and using images?

    I have seen some great UI’s done in css:
    http://lab.simurai.com/zen-player/
    http://lab.simurai.com/umbrui/
    http://www.display-inline.fr/demo/developr/template-rtl/form.html this one isn’t quite polished well enough

    Then I have seen some great UI designs on dribble and other places:
    http://graphicriver.net/theme_previews/144245-complete-mobile-interface?index=0
    http://dribbble.com/shots/685832-Untitled-iOS-iPhone-synth-app-navigation/attachments/61948

    Were are the best resources for learning how to convert my designs like these into web apps:
    http://dabombmedia.com/clients/viewcenter/
    http://dabombmedia.com/clients/spotify/

    Any pointers or new resources would be great.

    thanks in advance!

    # January 30, 2013 at 6:30 pm

    Are you talking about a web app or a native app?

    # January 31, 2013 at 4:03 pm

    I am talking mostly web app. I haven’t been exposed to native app development yet, but I think most of that is done with the graphics generated from Photoshop, but not having much exposure to that stuff, I don’t really know.

    # January 31, 2013 at 5:17 pm

    I ask because I don’t really have any experience with native apps.

    With web apps, I’d argue that nothing should be sliced images. CSS is so powerful these days that it really should be able to handle most designs thrown at it. Having said that, the designer needs to be aware of the limitations of the web. It goes both ways.

    You’re definitely going to end up with small little icon images, but gone are the days of splicing out an entire header. These days, you can even use icon fonts instead of images.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".