Skip to content
Matt Hicks edited this page Oct 23, 2018 · 2 revisions

Welcome to the youi-template wiki!

What is youi-template?

The purpose of youi-template is to support both designer and developer while avoiding overlap between functions and maintaining purity and separation of designs and code.

Design Stage

Designing the HTML and CSS that make up the template for a web application can be done by running youi-template in server mode. This will allow development to occur and the server will automatically detect changes and rebuild.

Feature Highlights

  • Designer Server: A simple to use, yet powerful command-line utility to test and automatically re-build your templates on the fly while you work on the design.
  • Single-page Application: This is a core feature of youi-template that all pages should be able to be navigated between without the browser actually loading a new URL. This is fully supported by automatically updating internal links to push history instead of loading a new page.
  • Partial Pages: HTML doesn't support structuring your HTML content for proper re-use, so youi-template supports a basic concept of including partial pages to make up compiled HTML pages.
  • Activation Instructions: Simplified instructions included in the templates that compile to JavaScript in the end code and are able to be applied per page and invoked upon each activation of that screen.
  • Pre-Compiled LESS and SASS: The system automatically compiles LESS and SASS files into CSS for output to avoid the overhead of compiling and running in JavaSCript.
Clone this wiki locally