fluid-layout-assignment

Example of fluid layout with angularjs and JQuery for Javascript awesomeness and jStorage for state persist

Installation

There are 2 installation options:

Via Bower
From Github

Bower

Install via Bower:

bower install uchilaka-ng-layout-task

Then, copy the contents of the uchilaka-ng-layout-task directory to the root of your new application and run as a HTML5 App.

Github

Download the ZIP folder or clone this Git repository

Notes

Development and testing done with the Netbeans IDE

Assumptions

"Last box in the grid" refers to the last box to be added
ID for each box should should be same as numeric sequence number
Lightest gray allowed is rgb(248,248,248) and darkest gray allowed is rgb(128,128,128)
Friendly message for box deletion is cleared after approx. 5 seconds
Deleting the first box is not allowed

On CSS grids and layouts

The layouts here were done with pure CSS and a lot of help from AngularJS for the dynamic responses. Plugins available for rendering layouts include skeljs (http://skeljs.org) or using the grid layout in a framework like Bootstrap (http://getbootstrap.com).