Less Framework is a CSS grid system for designing adaptive websites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.
- Default: 10 columns at 992 px. For desktops, laptops, tablets in landscape orientation, and all old browsers. Can be split according to the Golden Ratio at 6 columns, which is also the optimal width for long-form text;
- Mobile: 3 columns at 320 px. For iPhones, iPod Touches, and most other modern mobile devices. Has generous outer margins that let the layout breathe;
- Tablet: 8 columns at 768 px. For iPads and other tablets. Perfect for long-form reading when using centered, 6-column wide text;
- Wide mobile: 5 colum
ns at 480 px. For large mobile devices, as well as iPhones and iPod Touches in landscape orientation. Quick to code, since it inherits styles from both the Default Layout and the Mobile Layout.
How it works
Every layout in Less Framework is based on a single grid, composed of 68 px columns with 24 px gutters. The only measures that change from layout to layout are the amount of columns and the width of the outer margins.
The three sets of typography presets are aligned to a 24 px baseline grid; one is based on 16 px body text, one on 17 px, and one on 18 px. Both sets contain several harmonious type sizes calculated using the Golden Ratio.
Further information can be found at: http://lessframework.com/
All about Serenoa
Funded by the European Commission
tagsAdaptation adaptive UI ambient intelligence Android Android SDK browser Brussels CASFE conference consortium context context-aware adaptation context-awareness CSS E-book Reader EICS elderly Events Facebook Fragments API framework HTML5 industrial panel iPad iPhone iPod journal LREC MBUI Meeting Mobile Mobile Apps Model-driven models paper presentation review Review Meeting Serenoa touch-based interaction TV UI W3C Working Group workshop
- No public Twitter messages.