Device Layout, Part 2¶
This is the second post on this topic, where we apply a bootstrap layout to an angular.dart project, and test it on various devices.
Review¶
From the last time, we used Pinegrow to build a three-button layout which we hope to make usable on a variety of devices.
To get started, review the device layout post, and have your new.html file ready to extract from.
If you haven’t already, download, install and configure the Dart Editor.
Because we are interacting with so many potentially bleeding-edge system components, I strongly recommend you install using the mobile-first makefile command:
$ make dart-install
This will install both the release and the dev version of dart. If you run into problems with one, you should try the other. Libraries are changing rapidly. What is found broken in the release may first be corrected in the dev releast. Conversly, what is update in the dev release may break dependencies, may work in the release. In the case of new changes or features, it can take some time to sort out the cross-dependencies, and your spotting a problem and reporting it may accelerate its resolution.
Bootstrap in Dart¶
Start the DartEditor. I also start a programming editor (vim); you may like to do this also.
As of this writing, DartEditor 1.7 is not producing results, so stick with the 1.6 release. In the mobile-first scripts repository, you’ll find the active-dart script, which will report which release of dart you have active for CLI. You can also change which the currently active one is (assumes you used make dart-install).
Todo
work on this post is continuing...
