{ title: 'Skeletons', crumbs: [ { "User's Guide": "index.html" }, ], }


Expansive skeletons are integrated starting points for web sites or web applications. Skeletons include starter web pages, layouts, partial pages, stylesheets, scripts and required packages for an easy, one-step launch of your web site.

Installing Skeletons

Skeletons are packaged as a single Pak package that specifies all the required dependencies. As such, you can install a skeleton with pak install skeleton and it will download and install all the required packages.

For example, to create a web site that will use Semantic-UI, a modern alternative to Bootstrap, install the exp-semantic-skeleton skeleton. First create an empty directory to hold your application and then run pak install.

$ mkdir demo $ cd demo $ pak install exp-semantic-skeleton [Install] jquery 1.11.1 [Install] semantic 0.50.0 [Install] exp-semantic-skeleton 0.1.0

This installs the semantic-ui skeleton, the Semanic-UI and jQuery libraries, and a set of Expansive plugins to process Less and CSS stylesheets and scripts, as show by the pak list command.

$ pak list exp-css 0.2.0 installed from embedthis/exp-css exp-js 0.2.0 installed from embedthis/exp-js exp-less 0.2.0 installed from embedthis/exp-less exp-semantic-skeleton 0.1.0 installed from embedthis/exp-semantic-skeleton jquery 1.11.2 installed from @npm/jquery semantic-ui 1.11.2 installed from Semantic-Org/Semantic-UI-CSS

The exp-css plugin manages browser css prefixes and minifies CSS stylesheets. The exp-js plugin processes script files to minify and compress. The exp-less plugin processes Less stylesheets and compiles them into CSS files. These plugins are automatically invoked for the appropriate file extensions. Although, you can modify this behavior via the expansive.json configuration file.

Popular Skeletons