Skeleton: A Beautiful Boilerplate for Responsive, Mobile-Friendly Development • Hacker News Board

Re: Skeleton: A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

#31

Post by ineedtosleep » Mon, Jul 18, 2011, 6:34 AM UTC

thatcoolguy wrote: post #22

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 wo…

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/).

Re: Skeleton: A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

#32

Post by danneu » Mon, Jul 18, 2011, 11:18 PM UTC

overshard wrote: post #29

I despise frameworks like this. They cater to a crowd that I don't believe exists. Who goes and wants to just toss together a mobile-friendly site but doesn't have the skill set to do it without a framework like this? The huge companies that do this rather write their own and the little guys generally have hackers who can write something more efficient. The simplicity of HTML and CSS make frameworks for it seem rathe…

You're coming from a context of businesses and startups, but perhaps it's most useful to solo developers.

Isn't the appeal that Skeleton and its ilk simply do the pixel-figuring for you? I similarly have the skillset to make a CSS grid, but I chose to wrap Nicole Sullivan's 20-line grid code in a gem just so I can brainlessly include grid functionality without even touching a CSS file.

It's projects like these that help expose people like me to bare-bones implementations upon which to build.

Re: Skeleton: A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

#33

Post by naeem » Wed, Jul 20, 2011, 4:00 AM UTC

I'm giving my personal recommendation for this. It's cut my front-end development times extensively.

Re: Skeleton: A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

#34

Post by naeem » Thu, Jul 21, 2011, 12:02 AM UTC

overshard wrote: post #29

I despise frameworks like this. They cater to a crowd that I don't believe exists. Who goes and wants to just toss together a mobile-friendly site but doesn't have the skill set to do it without a framework like this? The huge companies that do this rather write their own and the little guys generally have hackers who can write something more efficient. The simplicity of HTML and CSS make frameworks for it seem rathe…

What about developers who just want to speed up the process a little and enjoy a bit more organization?

Re: Skeleton: A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

#35

Post by naeem » Thu, Jul 21, 2011, 12:04 AM UTC

jjm wrote: post #21

How does it compare to Less? http://lessframework.com/

Can't speak for anyone else, but I've found it easier to integrate with my pre-existing layout.

EDIT: I was referring to Skeleton, btw

Re: Skeleton: A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

#36

Post by siric » Fri, Jul 22, 2011, 9:33 AM UTC

thatcoolguy wrote: post #22

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 wo…

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.