Lite halvkomplicerat antagligen - Divar som är flyttbara & går att ändra storlek på

Jag vet inte riktigt vilken ände jag skall börja i ang. detta.
Det jag vill lyckas med är att göra så att man kan flytta divar på min hemsida på samma sätt som man lägger till genvägar och widgets på en androidtelefon.

Det som visas på bilden nedan är en del av en hemsida, rutorna motsvarar ca 200 x 300 pixlar.
Jag vill alltså att man skall kunna ändra storlek på en av rutorna vilket gör att de andra "flyter" iväg (alternativt behöver flyttas innan). Man skall inte kunna välja precis vilken storlek man vill utan de skall antingen vara 200, 400 eller 600 pixlar (+ marginalerna som skulle varit mellan de olika storlekarna).
Man skall också kunna flytta divarna till de 9 olika positionerna.

Mitt första problem är att jag inte ens är säker på vilken teknik jag skall använda för att lyckas med detta. När tekniken är bestämd skulle jag också vilja ha lite hjälp med hur man kommer igång.

Jag har en del erfaranhet av CSS osv. men jag antar att det krävs mer än CSS i detta fallet.

Jag ber om ursäkt om jag missat något som ni behöver veta, det är bara att fråga isf.

Hmm, jQuery ser ut att kunna lösa de många av mina problem.

Jag tittade en snabbis på mootools också kommer jobba vidare med jQuery tror jag. Deras dokumentation och demos känndes trevligare