Hacker News new | ask | show | jobs
by thatcoolguy 5444 days ago
I don't like it too much. It's still based on designing for desktop first.

I prefer the ones that use a mobile first approach, which is more future-proof and is supported on more devices.

Also, another thing to consider is fluid-width vs fixed-width. Fluid width layouts are harder, but much more future proof. The mobile device landscape changes fast, and there are lots of sizes to design for. A fluid-width website would be much better in this case.

Some of these are Gridless[1], HTML5 Boilerplate[2] and 320 and Up[3].

[1]: http://thatcoolguy.github.com/gridless-boilerplate/

[2]: http://html5boilerplate.com/

[3]: http://stuffandnonsense.co.uk/projects/320andup/

2 comments

I know that you already have HTML5 Boilerplate linked, but it should be noted that there's a separate boilerplate page for mobile (http://html5boilerplate.com/mobile/).
Getskeleton. It's not Mobile First, it's not Fluid, and it messes with the default styling for things like buttons and forms. jQuery tabs and button colouring are very unnecessary to serve up as a base. Getting work done with it's grid system was an actual pleasure though. All you have to say is I want this to be class="five columns" to get things going as these things are pre-defined for you.

320andup takes the best parts from Boilerplate, Mobile Boilerplate as well as the Less Framework for it's grid design and typography. It's fluid and mobile first. To get going with it's grid system however, is actually a pain as it's not pre-defined for you. You'll have to perform some calculations for each media query to get a proper grid going.