What you need:
– Basic knowledge in HTML and CSS.
– A Mac and Xcode (no programming skills required) for exporting the app.

Grid

The underlying grid of every “content-element” is powered by a customized version of the Less Framework. If multiple columns are available (on desktop browsers and devices larger than iPhone), one column is always 68px wide with a gutter of 24px. At a page width of 955px+ there are ten columns. Eight columns are available for page widths that do not exceed 768px. For iPhone and small devices there’s just one column.

Overview:

Screen widthColumn(s)Target
Larger than 955px10Large desktop, iPad landscape
Between 954px and 768px8Small desktop, iPad portrait
Between 767px and 480px1Mobile phone, iPhone landscape
Between 479px and 320px1Mobile phone, iPhone portrait

Laker is now on github! Please discuss issues, suggestions or tipps in the github forums of Laker. Thanks! ;)

Leave a comment, suggestion or question.

You must be logged in to post a comment.