Pip.WebUI Layouts http://github.com/pip-webui/pip-webui-layouts

Responsive layouts to organize page content

The module contains the following functionality:

• Simple layout
• Document layout
• Card layout
• Tiles layout
• Split layout

In the version 1.0.0 the implementation was cleaned up and covered with unit tests. Implementation became fully portable across browser and devices.

Quick Links:

• Documentation
• Contributing
• Building
• Installing

Online Documentation

• Visit documentation page
• Or build the project, launch and open samples; see Building for details

Contributing

Developers interested in contributing should read the following guidelines:

• Issue Guidelines
• Contributing Guidelines
• Coding Guidelines
• ChangeLog

Please do not ask general questions in an issue. Issues are only to report bugs, request enhancements, or request new features. For general questions and discussions, use the Pip Devs Forum.

It is important to note that for each release, the ChangeLog is a resource that will itemize all:

• Bug Fixes
• New Features
• Breaking Changes

Building

Developers can easily build the project using NPM and gulp.

• Builds - Under the Hood

First install or update your local project's npm tools:

# First install all the NPM tools:
npm install

# Or update
npm update

Then run the gulp tasks:

# To clean '/build' and '/dist' directories
gulp clean

# To build distribution files in the `/dist` directory
gulp build

# To launch samples (build will open samples/index page in web browser)
gulp launch

For more details on how the build process works and additional commands (available for testing and debugging) developers should read the Build Instructions.

Installing Build (Distribution Files)

NPM

Layouts have dependency on 3rd party libraries included into pip-webui-lib library. Also the entire Pip WebUI framework is packaged into pip-webui library.

Change to your project's root directory.

# To install only core services with dependencies.
npm install git+ssh://git@github.com:pip-core/pip-webui-lib.git
npm install git+ssh://git@github.com:pip-core/pip-webui-layouts.git

# To install the entire pip-webui library
npm install git+ssh://git@github.com:pip-core/pip-webui.git