sugarlabs / sugar-web

Components for Sugar web activities
Apache License 2.0
13 stars 32 forks source link

Add a grid overlay for visual debugging #33

Closed manuq closed 11 years ago

manuq commented 11 years ago

Adds a grid on top of the activity, similar to the one in the HIG: http://wiki.sugarlabs.org/go/Human_Interface_Guidelines/The_Sugar_Interface/Layout_Guidelines

This is useful while doing the activity layout or while developing widgets.

Use it like:

var grid = require("sugar-web/graphics/grid");
grid.addGrid(11); // 11px grid
manuq commented 11 years ago

This is how it looks like: grid

dnarvaez commented 11 years ago

I squashed the two patches together.

dnarvaez commented 11 years ago

I checked in a few jshint fixes on the top of this.