16

Over the past year, I've become a fan of BluePrint.css for managing larger web app projects. I've also looked at 960 and YUI's offerings as well. All good (though I have some complaints about YUI).

I'm working on a mobile project now and given that we need to accommodate various screen sizes, I'm thinking a css grid framework is the way to go again.

I'll likely be heavily modifying the BluePrint logic and/or building one from scratch, but before I did that, I was wondering if anyone has used a particular framework for mobile and would recommend one particular one for mobile dev.

I've looked at Less and cssgrid

http://lessframework.com/

http://cssgrid.net/

Both are quite nice. Less uses consistent column widths and changes the number of columns. Cssgrid uses fluid columns to accommodate the screen sizes. I, on the other hand, am envisioning yet another method where we'd use a fix number of columns, then adjust the widths on the fly based on the screen width. I'm preferring that option as I've found that fluid grids can become difficult to manage with heavy nesting. Any other options I should take a look at first?

Clarification: I don't necessarily need a full UI framework at the moment. We'll definitely end up with one, be it jQuery or our own, but the primary goal right now is to find and/or build a CSS framework to handle general page layout and positioning across multiple mobile device screen resolutions and orientations.

animuson
  • 53,861
  • 28
  • 137
  • 147
DA.
  • 39,848
  • 49
  • 150
  • 213
  • 1
    I think you are on the right track. I will investigate this more in the next week or so myself. I will make a blog post about it when I get some more answers. – Chris Love Jan 11 '11 at 15:49
  • It isn´t a css framework exactly. But, [Nokia mobile web templates](http://www.forum.nokia.com/info/sw.nokia.com/id/5d9cd41a-7438-495a-9a46-7470e7ec8576/Nokia_Mobile_Web_Templates.html) could help you. – fravelgue Jan 12 '11 at 09:58
  • 1
    I don't trust anything from Nokia. ;) – DA. Apr 22 '11 at 03:51
  • Perhaps, you are right for smartphones. But it´s useful for many other phones. It´s important to know your target. – fravelgue Apr 22 '11 at 23:28

5 Answers5

7

There's the '320 and up' framework, and the HTML 5 mobile boilerplate (although the latter isn't so much a framework, but a starting point).

mlhDev
  • 2,235
  • 1
  • 22
  • 43
Dan Esparza
  • 28,047
  • 29
  • 99
  • 127
2

If you're looking to develop for iPhone, you might take a look at the iUI Framework

eddie.vlagea
  • 667
  • 1
  • 6
  • 18
  • We're looking at dev'ing for all sorts of mobile devices and screen res's, hence the thought that a grid framework could help out with it. To clarify, I need less of a UI framework and more of a page layout grid system. – DA. Jan 11 '11 at 15:44
  • It is framework to make website similar to iPhone theme – GusDeCooL Jul 13 '12 at 16:12
1

Yes, it does sound like you'll have build your own "BluePrint Mini" or "480 Grid System"--and we'll be here to admire it.

One point of departure could be the work of Matthew James Taylor. He does rely on the fluid grid you've said you don't want, but it's worth a look.

mejarc
  • 21
  • 1
  • 4
0

DA,

You can try the jQueryMobile framework.

I believe this post can help you.

Cleber.

clbcabral
  • 503
  • 1
  • 7
  • 23
-1

Here is one that I am considering using:

http://jeromeetienne.github.com/jquery-mobile-960/

Looks like it has some display bugs with smaller grid sizes.

imaginethepoet
  • 864
  • 6
  • 14