Front end

Litium Accelerators is built using the responsive framework Foundation by Zurb together with the task runner Grunt. Layout (grid), styling, media queries and a lot of components from the Foundation framework are used, but there are also custom built styles and scripts on top of the framework built specifically for the Accelerators.

Also, the following extra components are used in the Accelerators:

• JQuery UI (for price slider and autocomplete) http://jqueryui.com
• JQuery Validation plugin extended with webforms support (for form validation)
  http://jqueryvalidation.org/
  https://github.com/bbraithwaite/JQueryValidationForWebForms
• JQuery Tools plugin (tooltips) https://github.com/jquerytools/jquerytools
• Slick slider (image carousel/slideshow on startpage and landing pages) http://kenwheeler.github.io/slick/

Two breakpoints from Foundation framework are used in Accelerators, small (mobile devices) and large (desktop). For tablets touch-detection using Modernizr is used. The reason for the touch detection instead of a medium breakpoint based on viewport width is that newer touch devices has a wide range of screen resolutions (including the same resolution as desktop browsers) and touch is therefor a better detection method for tablet customizations that is needed.

Litium Accelerators use Foundation version 5.5.3 (wwwroot/bower.json installs the correct version of Zurb Foundation).

Before you start

Before starting developing a new site with the framework we strongly recommend that you read through the Foundation documentation. You should be familiar with the framework to make the correct choices and select the correct technique for the layout and/or functions that you are building.

All documentation for Foundation is found at Zurb’s website: http://foundation.zurb.com/sites/docs/v/5.5.3.

The source is publically available on GitHub https://github.com/zurb/foundation/, where bugs and issues in the framework are published as well.

System requirements and browser support

Before applying Accelerator you need to check out the system requirements for the corresponding Litium Studio version.

The Litium Accelerators supports the same browsers as Foundation.