Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

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

getskeleton.com

Post reply on HN
Print view View original

21–30 of 36 posts

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

#22

Post by thatcoolguy »

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/

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

#23

Post by uptown »

dlazar wrote: post #13
danneu wrote: post #11

Love the scaling. Especially how the grid becomes stacked at mobile-width.

I'm not sure what you mean by "scaling". Just because it uses a media query to serve a different style based on the screen size doesn't mean it "scales well". In particular, this reacts quite badly to zooming, either in a desktop browser (chrome/linux): http://imgur.com/r1z9W or in a mobile browser (android): http://imgur.com/7aP39 . In the desktop case, the font size doesn't change even if I zoom in the entire page.…

That's a really good analysis of the current limitations of this framework. I'm wondering whether you happened to send this criticism to Skeleton's creator to see if it's something he's aware of, or something that he intends to improve.

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

#24

Post by dhgamache »

Hey All,

This is @dhg (creator of Skeleton)and just wanted to say I was pumped to see it on Hacker News. All feedback is well received and I'm actually in the process of releasing an update that will remedy the text-resize issue when font-size is bumped up or down, along with some other small bug fixes.

In terms of fluid vs. fixed I chose to have a set number of fixed resolutions because it allows for a bit more control at those sizes and has a set of associated media query sizes . It also allows for a nested grid which is not really achievable with a fluid grid.

Thanks for the feedback again everyone. I just started a new job that is keeping me busy (in an awesome way), but am going to try to get out an update next weekend.

Cheers!

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

#25

Post by danneu »

dlazar wrote: post #13
danneu wrote: post #11

Love the scaling. Especially how the grid becomes stacked at mobile-width.

I'm not sure what you mean by "scaling". Just because it uses a media query to serve a different style based on the screen size doesn't mean it "scales well". In particular, this reacts quite badly to zooming, either in a desktop browser (chrome/linux): http://imgur.com/r1z9W or in a mobile browser (android): http://imgur.com/7aP39 . In the desktop case, the font size doesn't change even if I zoom in the entire page.…

Thanks for the explanation. I don't own a smartphone or have experience with media queries, so this was one of my first times seeing media queries in action and I'm easily impressed.

By "love the scaling", I guess I meant "I love media queries."

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

#26

Post by uptown »

dlazar wrote: post #13
danneu wrote: post #11

Love the scaling. Especially how the grid becomes stacked at mobile-width.

I'm not sure what you mean by "scaling". Just because it uses a media query to serve a different style based on the screen size doesn't mean it "scales well". In particular, this reacts quite badly to zooming, either in a desktop browser (chrome/linux): http://imgur.com/r1z9W or in a mobile browser (android): http://imgur.com/7aP39 . In the desktop case, the font size doesn't change even if I zoom in the entire page.…

Looks like Dave Gamache pushed an update to address zooming.

https://twitter.com/#!/dhg/statuses/92687926823092224

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

#29

Post by overshard »

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 rather silly.

Edit: That is, of course, unless it's something like YAML or SASS or LESS which completely redefine how to write the code.

Post reply on HN