27

Has anyone had any experience with a jQuery-based layout manager? I know of only one (JX) but it's somewhat bloated for my needs. Any thoughts?

Karim
  • 18,347
  • 13
  • 61
  • 70

5 Answers5

25

Thought these links may help...

delux247
  • 2,177
  • 3
  • 21
  • 29
  • 3
    jQuery UI.Layout Plug-In has proven itself stable and easy to use. Highly recommend. – Karim May 10 '11 at 22:24
  • I loved the jQuery UI Layout plugin, but it appears to have been abandoned almost two years ago. Probably one of the best layout managers I've used. Hopefully the authors will open it up on github if they're giving up on it... – McGuireV10 May 19 '14 at 14:40
  • The last two links are dead. – MrIsaacs Apr 29 '19 at 16:58
5

I have used the Docking Layout Manager plugin with good success. Its pretty simple and fairly small, about 7 kb uncompressed.

Egil Hansen
  • 15,028
  • 8
  • 37
  • 54
2

The Magic jQuery plugin at : http://www.jquery-css.com/magic-jquery is a 31kb compressed web Layout manager and much more :

- fixed position
- Layout manager : align and limit elements position/movement between themeselves or with the screen
ex : http://www.jquery-css.com/web-layout-example.php
- very simple & generic menu stuff (which enable carrousels, tabs megadropdown menu etc in 2 sec)
- inner-page messages
- highlight elements (popIn / popOut in front of a dark veil)


all the best bastien

Bastien
  • 21
  • 1
1

Personally...I'd say stay away from jQuery for page layout management. You're far better off learning proper CSS layout or adopting a CSS layout framework like Blueprint.

If you depend on jQuery (javascript) for page layout, there's a greater chance that your page is NOT going to fail gracefully. You also run the risk of users having Javascript disabled (in which case, even in a modern browser your page is going to fail).

Justin Niessner
  • 242,243
  • 40
  • 408
  • 536
  • 1
    Thanks Justin. It's a good point but this particular product is being created in an intranet environment with little or no variation in browser capabilities. But your point is well-taken. – Karim Jun 15 '09 at 17:46
  • Here is an example of what I want to do for example: http://itstar.co.uk/version2/ - how do you suggest I do this with just CSS+Blueprint? -- Blueprint set a max width for the page at 950px which is fine for a blog, but complete unacceptable in many use cases where you want to use 100% of the page. – Hackeron Jan 28 '11 at 03:08
0

I know that this will seem to be overkill for most scenarios, but for one very complex application I implemented the YUI Layout manager because it plays nice with YUI's fantastic and powerful DataTable component. It did, however, add a considerable amount of filesize overhead to the app.

I have also used the 960 CSS grid system to meet certain layout needs and can highly recommend it! http://960.gs/

Jordan Sitkin
  • 2,303
  • 3
  • 26
  • 35