1 / 9

Less Design That is More

Adaptive Cross Platform CSS grid system. Responsive & Mobile First Projects. Uses Standards-based CSS3 media queries<br>

sarajstanford
Télécharger la présentation

Less Design That is More

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Less – Design That is More… BY SPEC INDIA

  2. Less – Design • Adaptive Cross Platform CSS grid system • Responsive & Mobile First Projects • Uses Standards-based CSS3 media queries

  3. Less – Browser Compatibility • Compatible with • Browsers • Firefox • Chrome • Safari • Opera • Internet Explorer 9

  4. Less – Device Compatibility • Android • Android Phones • Tablets • iOS devices • iPhones • iPads • iTouches • Windows Phone series

  5. Less For All

  6. The Less Layouts for More • This CSS grid system of the framework includes • 4 layouts • 3 sets of typography presets

  7. Adapting To All Layouts • Single grid based layout • Composed of68 px columns with 24 pxgutters • Changes for each layout • Amount of Columns • Width of the Outer Margins • Three sets of typography pre­sets • Aligned according to the layout of choice • 24px baseline grid

  8. An Innovative Solution • Default Layout is coded first-992px • Next, CSS3 media queries used to code the Child Layouts • 768 px • 480 px • 320 px • The Default Layout available to • Browsers not supporting media queries • Child Layouts available according to • Device size • Browser

  9. Visit www.spec-india.com&Request a FREE POC to Test Drive our Services

More Related