Skip to content

Latest commit

 

History

History
26 lines (21 loc) · 1.24 KB

README.md

File metadata and controls

26 lines (21 loc) · 1.24 KB

ProtoUX

An experimental, HTML-based wireframe and prototype framework for designers.

#Getting Started ##Designers

  1. Use the latest version of Chrome.
  2. Enable the experimental chrome flag: chrome://flags/#enable-experimental-web-platform-features
  3. Download the ProtoUX.zip and extract into a directory of your choosing. Copy this directory path.
  4. Setup a localhost server for your OS.
  5. Create your wireframes and prototype! Sublime and Notepad++ are great, free editors.

##Prototype Viewers

  1. Use the latest version of Chrome.
  2. Enable the experimental chrome flag: chrome://flags/#enable-experimental-web-platform-features
  3. Bug your designer for the URL to the prototype.

##Contributors The primary purpose of ProtoUX is to enable designers of all skill levels to rapidly prototype by using as little JS as possible.

To accomplish this, web components, html imports, shadow DOM, and the like are used to build a "library" of interface elements. These elements, with all of the JS under the hood, enable quick prototype building with simple HTML/CSS structures.

When contributing in the building of compoennts, it is important that:

  1. You shove all the JS under the hood
  2. You update the protoux-docs.html with any changes/updates