Live data from Hacker News

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

getskeleton.com

11–20 of 36 posts

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

#13
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. This isn't the default behavior, so the author must have gone to some lengths to break this functionality. I'm sure s/he had reasons for doing that, but I'm not sure what they were.

In the mobile case, zooming is constrained to a very limited range, and even when allowed, the text doesn't reflow, so it's hard to read lines because of all of the horizontal scrolling required. This behavior is quite common for fixed width, "grid" layouts.

In general, I'm all for frameworks that solve common layout problems, but this particular framework seems to have gotten the basics wrong. I would recommend against using it as it stands.

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

#16
post #13
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.…

Agreed. The framework looks fantastic but that is definitely a deal breaker. Zooming in on the web to see text larger is such a huge use-case.

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

#18
post #17

So http://www.getskeleton.com/ or http://html5boilerplate.com/ ? Fight!

welcometo: http://www.fullmalls.com The website wholesale for many kinds of fashion shoes, like the nike,jordan,prada,, also including the jeans,shirts,bags,hat and the decorations. All the products are free shipping, and the the price is competitive, and also can accept the paypal payment.,after the payment, can ship within short time. free shippingcompetitive priceany size availableaccept the paypal ===== http://www.fullmalls.com =====

jordan shoes $32nike shox $32Christan Audigier bikini $23 Ed Hardy Bikini $23Smful short_t-shirt_woman $15ed hardy short_tank_woman $16Sandal $32christian loubo utin $80 Sunglass $15 COACH_Necklace $27handbag $33AF tank woman $17puma slipper woman $30

===== http://www.fullmalls.com =====

===== http://www.fullmalls.com =====

===== http://www.fullmalls.com =====

===== http://www.fullmalls.com =====

===== http://www.fullmalls.com =====

===== http://www.fullmalls.com =====

===== http://www.fullmalls.com =====

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

#20
How should one solve the menu issue for mobile devices? When the device is mobile, the menu on the left disappears with Skeleton. If one displays the menu, the user has to face it for every page.

Take a look at http://isit2013.org/ to see what I'm talking about, a page I made last year (it uses media queries, but not Skeleton). I'm open to any ideas on improving this site.

Post reply on HN