intention.js

Using rearrangment techniques as well as dimension changes to accommodate different size devices.

March 10, 2013

#example

See Demo

Core grid manipulation functionality. Illustrates context-variable class modifications and move functionality.

Context-specific re-classing

<section class="col10wide column"
	 in data-in-base-class="column"
	 data-in-mobile-class="col3wide"
	 data-in-tablet-class="col6wide"
	 data-in-standard-class="col10wide">
  ...
</section>

Context-specific DOM manipulation

<div id="ad">
  <div in data-in-base-append="#ad"
       data-in-standard-append="#ad"
       data-in-mobile-append="#mobile_ad"
       data-in-tablet-append="#tablet_ad">
    ...
  </div>
</div>
<div id="mobile_ad"></div>
<div id="tablet_ad"></div>