Less Framework 2.0 Released

by alexkiwi • 16 years ago

150 27 16 years ago

Charuru• 16 years ago

Really really want a good comparison/review between LESS, SASS, Scaffold, xCSS, etc.

Edit: Apparently this is not lesscss but less the css framework. Sorry for the misunderstanding on my part, but I think it should be understandable...

jonikorpi6• 16 years ago

Not LESS, not LESS CSS, not Less, not Less CSS.

Just Less Framework. :)

alphabetum• 16 years ago

Note: this is not LESS the CSS preprocessor, it's a CSS framework focused on creating layouts that target multiple devices.

subbu• 16 years ago

I clicked on it thinking its LessCss but had to come back.

1amzave• 16 years ago

Some of us think of 'less' primarily as a unix pager...which I'm pretty sure predates all of these.

jrockway• 16 years ago

And the expression "less is more" which predates that.

tomkinstinch• 16 years ago

Cool. I agree with Charuru that it will be nice to see how this compares to similar resources.

One issue with the website: I know the tagline is making use of the name, but it sounds uneducated to say "Now with less features, one grid," when "fewer" is the word to use. Maybe it would be better to say something like, "Less complicated, one grid." There are those out there who may dismiss something wonderful on the basis of a small error like this.

jonikorpi6• 16 years ago

Definitely appreciate the attention to detail. :) I’ll consider coming up with something more, err, proper!

SingAlong2• 16 years ago

Browsers that don't support media-queries, like ie8 and below, simply ignore everything inside inline media-queries. This means they'll use the default five-column layout – which is more than sufficient for desktop usage – and ignore everything else.

the 5-column layout is 768px wide is default fir older browsers. Which means i get to see 768px wide layout even on my netbook which easily supports the usual 960px?

Guess 960px would be fine as a default. I hope this has some kind of custom layout generator like BlueprintCSS which has Blueprinter.

But other than that, this is actually uber-cool.

P.S: Thanks to the site designer for mentioning the names of the typefaces used on the site.

jonikorpi6• 16 years ago

Yep, netbooks get the 768 px layout. I figured fully supporting tablets and 1280 px laptops is more important than using up a couple hundred more pixels on netbooks. Tradeoffs, tradeoffs….

No custom layout generators or bells or whistles, sorry. Kept this intentionally simple. :)

alexkiwi• 16 years ago

Glad your on here now Joni. Thanks again for the framework!

SingAlong2• 16 years ago

Nah. It's ok if you don't cater to all joni :)

Guess this is the only framework that's keeping up with new browser functions available. Sizeunds awesome to me.

ayb• 16 years ago

I like the idea of cross browser flexibility built in and I'd like to try this on a Rails app but not quite sure how I would actually use it.

Can you combine the columns for the ability to build larger boxes? Or use less than 5 columns on the widest site?

deno• 16 years ago

You use framework to position on grid, the actual size is whatever you want.

annon2• 16 years ago

Very cool, but I seem to be having issues with it on the iPhone. Your site loaded correctly in portrait on the first load, but when I rotated to landscape there was an additional black bar maybe 100px wide on the right side of the page, allowing horizontal scroll. Once you've rotated to landscape, the page does not resize back to portrait until you close the page and open it again.

jonikorpi6• 16 years ago

Iiinteresting…. Can I ask which iPhone and version of iOS you’re using?

It’s funny how the most problematic browser these days seems to not be IE6, but Mobile Safari. :|

annon2• 16 years ago

iPhone 4, iOS 4.0 (8A293)

jonikorpi6• 16 years ago

Right, for some reason, after rotating to landscape and then rotating back to portrait, you have to zoom in before you can zoom back out. I assume this is due to the meta viewport properties in use:

initial-scale=1.0, width=device-width, height=device-height

Without height=device-height, rotating to landscape screws up the zooming completely. With it, your bug happens. The only solution for both problems is setting maximum-scale=1, and that’s no solution at all.

Ideas?

aroon• 16 years ago

Have you filed a bug? Please do and reply with a bug number.

barrydahlberg• 16 years ago

Maybe those are nice fonts, but my browsers are doing a terrible job of rendering them. IE8 has nasty jagged edges on the curves and has clipped the very bottom of the heading font. In Firefox the body text is light and indistinct, escpeially the abbr tags.

jamesbritt• 16 years ago

"Now with less features, one grid"

Is that supposed to be "Now with lesser features"?

jarin• 16 years ago

I think it would be "fewer features"

alabut• 16 years ago

I love the idea of this, but I'd have to tweak the execution of the desktop version to make it work on commercial projects. The massive width and low number of columns would only allow for chunky and unsubtle layouts. Fine for a couple of marketing pages but not so great for most polished apps.

The reason 960's 12 column works so well is because 12 is the lowest number divisible by both 2 and 3, so you can have the page divided into halves, quarters, thirds and so on, plus you can double the columns to 24 without losing ratios if you really need to get fine-grained. 8 is a bit less flexible.

jonikorpi6• 16 years ago

Yup, you’re definitely right on all counts there. The idea is the main “product”, so I’m glad people are liking it. Most people will probably end up customizing the column counts and exact layout widths anyway. :)

Personally, I chose 2->5->8 columns due to how well they happen to fit into a 24 px baseline grid, and because they’re parts of the Fibonacci sequence, meaning they’re easy to divide into harmonic layouts. 12 just never looks right, and 16 is far too unrestrictive.

PeterRosdahl• 16 years ago

Do you got any good examples of where it has been used?

Less Framework 2.0 Released

Related Stories