6 ms·

<rant>Yet another grid implementation that requires jQuery.</rant> My last search on responsive grids (June 2015) has not turned up anything without jQuery. Th

<rant>Yet another grid implementation that requires jQuery.</rant> 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.

matthewmacleod 11y ago
That would be a cool new "feature" Why? jQuery is a popular, useful library. It makes lots of things simpler, and in most cases isn't an additional dependency.
- serverholic 11y ago
  jQuery is a bloated library that tries to do too much. It's slow and becoming less and less necessary as browsers become more standards compliant.
  - balls187 11y ago
    Can you link to articles on jQuery's performance issues? 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?
    - mtschopp 11y ago
      It's because jQuery is a library on top of JavaScript. That makes it slower than native JavaScript. If you don't need to support very old browsers you can easy go without jQuery. Have a look at http://youmightnotneedjquery.com http://youmightnotneedjquery.com
- alwillis 11y ago
  Also: http://ponyfoo.com/articles/why-i-write-plain-javascript-modules http://ponyfoo.com/articles/why-i-write-plain-javascript-mod...
seer 11y ago
Yeah I was thinking about removing the jQuery dependancy, as I don't "really" need it here - all of the heavy logic is implemented outside of jQuery and I used it mostly for easy event delegation and data attribute handling. I might work on a version without it, but I wanted to get this working as soon as possible and jQuery does help in code size reduction and ease of development. Also this grid works without any javascript (pure css) so you only need javascript for drag'n'drop reordering
- lukeholder 11y ago
  Would love to see a version without jQuery! Thanks for the great work.
emodendroket 11y ago
It'd probably be preferable to have jQuery and various libraries that depend on it to having different, slightly different variations on things jQuery does from each library you include.
Gigablah 11y ago
If you use React, there's react-grid-layout: https://strml.github.io/react-grid-layout/examples/0-showcase.html https://strml.github.io/react-grid-layout/examples/0-showcas...
- ssclafani 11y ago
  Also: https://github.com/jrowny/react-absolute-grid https://github.com/jrowny/react-absolute-grid https://github.com/xudafeng/autoresponsive-react https://github.com/xudafeng/autoresponsive-react https://github.com/flipboard/react-canvas https://github.com/flipboard/react-canvas
at-fates-hands 11y ago
Have you tried Jeet yet? It usually doesn't come up in the Google searches for grids. http://jeet.gs/ http://jeet.gs/
pygy_ 11y ago
I really love the minimal yet very powerful approach taken by PocketGrid. Http://arnaudleray.github.io/pocketgrid/
err4nt 11y ago
No jQuery! http://codepen.io/tomhodgins/pen/vOqaVa http://codepen.io/tomhodgins/pen/vOqaVa if you want grids its easy enough to just build exactly what you want, trying to use grid systems is harder than building them.

matthewmacleod 11y ago

That would be a cool new "feature" Why? jQuery is a popular, useful library. It makes lots of things simpler, and in most cases isn't an additional dependency.

serverholic 11y ago
jQuery is a bloated library that tries to do too much. It's slow and becoming less and less necessary as browsers become more standards compliant.
- balls187 11y ago
  Can you link to articles on jQuery's performance issues? 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?
  - mtschopp 11y ago
    It's because jQuery is a library on top of JavaScript. That makes it slower than native JavaScript. If you don't need to support very old browsers you can easy go without jQuery. Have a look at http://youmightnotneedjquery.com http://youmightnotneedjquery.com
alwillis 11y ago
Also: http://ponyfoo.com/articles/why-i-write-plain-javascript-modules http://ponyfoo.com/articles/why-i-write-plain-javascript-mod...

seer 11y ago

Yeah I was thinking about removing the jQuery dependancy, as I don't "really" need it here - all of the heavy logic is implemented outside of jQuery and I used it mostly for easy event delegation and data attribute handling. I might work on a version without it, but I wanted to get this working as soon as possible and jQuery does help in code size reduction and ease of development. Also this grid works without any javascript (pure css) so you only need javascript for drag'n'drop reordering

lukeholder 11y ago
Would love to see a version without jQuery! Thanks for the great work.

emodendroket 11y ago

It'd probably be preferable to have jQuery and various libraries that depend on it to having different, slightly different variations on things jQuery does from each library you include.

Gigablah 11y ago

If you use React, there's react-grid-layout: https://strml.github.io/react-grid-layout/examples/0-showcase.html https://strml.github.io/react-grid-layout/examples/0-showcas...

ssclafani 11y ago
Also: https://github.com/jrowny/react-absolute-grid https://github.com/jrowny/react-absolute-grid https://github.com/xudafeng/autoresponsive-react https://github.com/xudafeng/autoresponsive-react https://github.com/flipboard/react-canvas https://github.com/flipboard/react-canvas

at-fates-hands 11y ago

Have you tried Jeet yet? It usually doesn't come up in the Google searches for grids. http://jeet.gs/ http://jeet.gs/

pygy_ 11y ago

I really love the minimal yet very powerful approach taken by PocketGrid. Http://arnaudleray.github.io/pocketgrid/

err4nt 11y ago

No jQuery! http://codepen.io/tomhodgins/pen/vOqaVa http://codepen.io/tomhodgins/pen/vOqaVa if you want grids its easy enough to just build exactly what you want, trying to use grid systems is harder than building them.