E
E
Evgeny Popov2013-05-29 18:56:23
css
Evgeny Popov, 2013-05-29 18:56:23

Prompt less grid framework

While waiting for bootstrap 3, I decided to find a “minimalistic” solution that would be responsible for the site grid. The extractable grid module from bootstrap 2 pulls a lot of unnecessary things along with it, and even then it is far from the best, unfortunately.
From what I found, the closest turned out to be base, but it has rather strange media rules and in fact one stage was skipped between portrait and horizontal display modes on a small phone screen, it had to be added separately, it also has a bad attitude to interfering with preset size constants (at high resolutions it is so and strives to make it work with a centered fixed-width template). It also has a minus in semantics, unlike simple span1-12 (bootstrap) here one, two ... and so on, which is extremely inconvenient for fast work IMHO. But if you “score” on the above and add LESSHat to it , then it turns out, in principle, not bad.

What I would like from the desired framework:

  1. lesscss - quite often there is a solution on sass, but for ideological (well, I don’t like its syntax) reasons, I don’t use it, as well as all other projects on lesscss
  2. Mobile First - this principle is required
  3. Ease (only grid, possibly with “normalize”, but not necessarily (although I can hardly imagine a similar framework without it))
  4. When working at high resolutions, be able to choose at the framework level to use the entire screen area or not
  5. If possible, be able to change the size of media queries without disrupting the functioning of the framework (for example, from what window size to consider that we are on the big screen, and from whom that we are in portrait mode on the phone)
  6. Convenient syntax (here, of course, everything is individual)
  7. … When answering questions, clarifications to this list may appear

Answer the question

In order to leave comments, you need to log in

6 answer(s)
E
Evgeny Popov, 2013-06-07
@Kaaboeld

Here I posted the framework:
github.com/kaaboeld/frame
or rather its beginning

A
Andrey, 2013-05-29
@RedOctoberCZ

What about the original 960 Grid System ?

A
avalak, 2013-05-29
@avalak

There is Kube .

S
sapphiriq, 2013-05-30
@sapphiriq

320andup has a simple grid example . ( mesh file ).
The grid, of course, is not 16 columns and is far from the basis of the framework, but the framework is worth a look, since everything is conveniently divided into files in it and permissions can be quickly changed, unnecessary modules can be painlessly disabled .
You can leave out the 320andup grid and connect responsive.gs/ or foundation.zurb.com/docs/components/grid.html separately .
The zurba is flexible, but it takes some getting used to.

S
sapphiriq, 2013-05-30
@sapphiriq

Ah, yes… I confused responsive.gs with semantic.gs, it had less and a different approach to writing code. But then it's better to use frameless .
I would probably choose base by changing the syntax for myself and adding offsets (because less is needed for this :-)
By the way, it looks like a zurb with tablet- and mobile- prefixes. Demo / gist
PS: As far as I understand, the third bootstrap is almost ready and there are only shortcomings concerning the documentation and examples. (and the grids are ready judging by the checkboxes)

E
Evgeny Popov, 2013-06-04
@Kaaboeld

As a result, none of the listed options came up, unfortunately. So I had to start writing my solution ...

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question