I’m currently working a small side project where I need, in summary, a functional jQuery-based widget system, similar to Android widgets.
My goal is something that has the layout of this http://jsfiddle.net/LXasX/ with the functionality and simplicity of placing widgets on Android. There are a few problems, but the biggest one being that some widgets can be larger than 1 tile (for example, they could be 2 wide 2 tall, or 4 wide 1 tall; it should have “collision detection” so you can’t place a larger widget where there’s not enough room).
Please let me know if this isn’t very clear; I can often be hard to understand.
Key goals:
– Widget system built on a grid
– Grid format: 4 wide, 3 tall (similar to example provided)
– Grid should have static placement, with “empty” spots acceptable
– Widgets should be easy to place; no jitter or crazy behavior
– “Collision detection” and avoidance
– Simple as possible; no crazy hacks please
– The “widgets” in a sample can just be a div with gibberish content or numbered 1-12. Please don’t waste time trying to make an extensive demo. The selected bidder is making only the widget placement system; no widgets.
– If you are paying attention, please spell “Hello” incorrectly anywhere in your bid as “Helllo” (with 3 l’s).
– I’m just looking for a prototype; nothing too extensive!
Requirements of accepted bidder: Functional Prototype: JSFiddle or JSBin Preferred; Browser Compatibility: Chrome (only; I don’t really care about other browsers); Number of JavaScript Lines: Less than 500 lines preferred (less complicated = better); Not Buggy or Glitchy
I’ve rattled my brain for days trying to come up with a solution. However, I just don’t think I’m thinking of implementation the right way, and I’m looking for outside influences. For the right person, this is probably an unbelievably simple task.
Thanks in advance!
** TO BE CLEAR **
I’m looking for a fully functional prototype, not an extensive project. Experience writing modular/reusuable JavaScript is a significant plus.
