Skeleton 2.0 CSS Framework • Hacker News Board

Re: Skeleton 2.0 CSS Framework

#81

Post by Kiro » Wed, Dec 10, 2014, 8:45 AM UTC

> All measurements are still base 10 though so, an with 5.0remfont-size just means 50px.

So why not just use px?

EDIT, answering my own question: "font-sizes and spacial relationships can be responsively sized based on a single font-size property".

So how does this work? Do you just set html font-size 62.5% for "normal" font-sizes and then change that with media queries in order to increase size for mobile etc? Is this best practice for font-sizes nowadays?

What about em? When are you supposed to use that?

Re: Skeleton 2.0 CSS Framework

#82

Post by thirdsun » Wed, Dec 10, 2014, 8:51 AM UTC

Kiro wrote: post #81

> All measurements are still base 10 though so, an with 5.0remfont-size just means 50px. So why not just use px? EDIT, answering my own question: "font-sizes and spacial relationships can be responsively sized based on a single font-size property". So how does this work? Do you just set html font-size 62.5% for "normal" font-sizes and then change that with media queries in order to increase size for mobile etc? Is th…

I was wondering about this too - anything smaller than 16px base size is a bad idea in my opinion. Also, Raleway as a body font? Not an ideal choice, it's too thin for low DPI displays. Other than that, I like the fact that it's very lightweight and reduced to the basics.

Re: Skeleton 2.0 CSS Framework

#83

Post by Kiro » Wed, Dec 10, 2014, 8:55 AM UTC

maxack wrote: post #78

This looks great. Any plans to include a scss or less version?

How would a scss or less version work? What would the difference be?

Re: Skeleton 2.0 CSS Framework

#84

Post by anu_gupta » Wed, Dec 10, 2014, 9:14 AM UTC

This might be a dumb question, but what are the pros and cons of choosing something like Foundation over Skeleton?

Is it a tradeoff of simplicity vs features - are there any features in particular that Skeleton misses out on? I've been using Foundation recently, but the thought of a simple, 400 line CSS framework is very appealing.

Re: Skeleton 2.0 CSS Framework

#85

Post by kmfrk » Wed, Dec 10, 2014, 9:30 AM UTC

dhgamache wrote: post #6

Hey ya'll - I'm Dave the creator of Skeleton. Grateful to see it on HN. I wrote about why I created v2.0 in a weird format here: https://medium.com/@dhg/dear-skeleton-452f4bb07d69 I'm hoping the update really helps anyone who's been using Skeleton for a while or anyone trying to get into RWD. Thanks :)

This is fantastic, but there are two things I would love more emphasis on:

1) The explicit license.

2) Table of browser support (and fall-backs).

Re: Skeleton 2.0 CSS Framework

#86

Post by kitd » Wed, Dec 10, 2014, 9:49 AM UTC

Very neat.

A bit OT, but it appears the 'class' attribute has now become the home for DSLs for styling. I wonder if there are better ways of doing this because after a while it becomes difficult to process mentally.

Maybe these projects should actually create their own markup language and release a transformer to HTML.

Re: Skeleton 2.0 CSS Framework

#87

Post by rado » Wed, Dec 10, 2014, 9:58 AM UTC

Great! Nice to see optimisation on the web presented so beautifully. Greetings from the 9 KB framework http://natuive.net

Re: Skeleton 2.0 CSS Framework

#88

Post by prottmann » Wed, Dec 10, 2014, 10:32 AM UTC

Would be nice if you can add or link something like a registry with skeleton components / plugins / snippets that people create and publish.

It could be a github-wiki page, so that everybody can add their components.

It is always hard to find matching components.

Re: Skeleton 2.0 CSS Framework

#89

Post by drapper » Wed, Dec 10, 2014, 10:41 AM UTC

great to see it coming back. for those that still something tad bigger (also feature wise), but not yet a bootstrap big, there's http://responsivebp.com/

Re: Skeleton 2.0 CSS Framework

#90

Post by ahoge » Wed, Dec 10, 2014, 11:12 AM UTC

kitd wrote: post #86

Very neat. A bit OT, but it appears the 'class' attribute has now become the home for DSLs for styling. I wonder if there are better ways of doing this because after a while it becomes difficult to process mentally. Maybe these projects should actually create their own markup language and release a transformer to HTML.

You can do quite a bit with naming conventions. Classes are case sensitive. So, you can for example use uppercase camel case for your building blocks and lowercase camel case for the things they are made of.

There are also dashes and underscores. I use underscores for "modifiers". That is, classes which modify the look of some building block. E.g. "Button" is the usual one and "Button _large" is a large one.

Custom elements will hopefully help to make this kind of structure a bit more popular. Right now they still have a few rough edges though.