Responsive CSS grid, reordered with native HTML5 drag and drop
clippings.github.io
clippings.github.io
It might not be too practical if you’re building something here and now, given that spec drafts are subject to change. On the other hand, there are polyfills already and full browser support seems to be on its way.
[0] A nice overview I stumbled across recently: https://medium.com/@patrickbrosset/css-grid-layout-6c9cba6e8...
It sounds unusable to keep track of all these classes (even with preprocessors) but the drag'n'drop feature changes everything, and makes this an excellent tool to create a landing page builder.
I'm actually working on updating a landing page builder today, so the timing is perfect. I don't think you can reduce the number of classes in the HTML but that's fine. Maybe have a Sass mixing to generate the CSS cases.
In the end, the size of both the HTML and CSS are negligible considering everything is auto generated.
Great tool. I love it!
My last search on responsive grids (June 2015) has not turned up anything without jQuery. That would be a cool new "feature", that none of the existing solutions so far offer.
Why? jQuery is a popular, useful library. It makes lots of things simpler, and in most cases isn't an additional dependency.
Is it's implementation slow, or do you mean it's size makes over the wire transmission slow?
Are all jQuery methods slow, or specific cases like DOM manipulation and/or AJAX calls.
It seems that a few years back jQuery had these issues, but are those claims still relevant?
If you don't need to support very old browsers you can easy go without jQuery.
Have a look at http://youmightnotneedjquery.com
Http://arnaudleray.github.io/pocketgrid/
if you want grids its easy enough to just build exactly what you want, trying to use grid systems is harder than building them.
Which doesn't need 16 css classes :)
Which also depends on jQuery.