Pattern Lab

Pattern Lab uses concepts like atoms, molecules, organisms, pages and templates to assemble and produce a website from the PHP command line.

In Pattern Lab atoms are basic HTML elements like checkboxes, paragraphs or buttons.

Molecules are atom groups, a collection of HTML elements which create large sections of a page, like forms, menus, text blocks, search fields, etc..

The next level, organisms are larger, more complex HTML elements, like grids, image galleries, page footers, etc..

Pattern Lab takes these elements (atoms, molecules and organisms) uses a Mustache-like template structure and assembles them into pages via a PHP CLI build script.

When done, the website will be saved to Pattern Lab's "/public" folder where users can be redirected to view it.

Using Pattern Lab developers can easily separate templates, data, and styles from the core's logical structure.

This way developers can control how to website behaves and answers requests, while the frontend is managed from a separate part of the system, without ever mixing with each other (except from the final result in the public folder).

What is new in this release:

• FIX:
• Migrator now orders migrations properly for Ubuntu.

What is new in version 0.7.10:

• Added:
• More responsive pull bar.

What is new in version 0.7.9:

• ADDED:
• Configuration options to disable loading of page follow & auto-reload
• Configuration option to set cacheBuster to 0
• Configuration option to enable QR code feature
• Configuration option to set minimum & maximum widths for the viewport resizer
• Command line flag for generating only the patterns
• Command line flag to set cacheBuster to 0
• Better handling of missing required directories in public/
• Added a styleguide-specific.css to better manage classes
• FIXED:
• Updated the console help output
• Removed everything in public/ except the README
• Removed the CDN version of jQuery
• Toolbar styles updated
• Icon font for the toolbar is no longer influencing the icon font of the patterns
• Updated the styles for the "find a pattern" field
• Code/annotations views now properly hide on resizing
• states.css removed and those styles loaded into styleguide.css
• Default images updated

What is new in version 0.7.5:

• ADDED:
• A quick pattern search using typeahead
• Keyboard shortcuts for a bunch of features using jwerty
• Using cmd+a/ctrl+a when in code view selects the contents of the currently active tab
• Code and annotation views can be opened automatically on load via query string params
• Can use the config to remove items from pattern nav
• Check for json support now that certain flavors of PHP 5.5.3 don't come with it
• Can use boolean vars to enable/disable sections via pattern parameters
• Pattern states for tracking progress on individual patterns
• FIXED:
• Updated icomoon icons
• Code view has tabs
• Code view shows mustache versions of a pattern
• Patterns are properly sorted in style guide and view all views

What is new in version 0.7.2:

• Proper support for Windows with the changes that happened in v0.7.0

What is new in version 0.6.2:

• A few small SASS and styling tweaks.