article:
Plugin: Nicescroll
article:
Modal Plugin: bPopup

Foundation 3 - advanced responsive front-end framework

Advertisement

Foundation by ZURB is the most advanced responsive front-end framework in the world.
Foundation 3 - advanced responsive front-end framework


"Foundation 3 is built with Sass, a powerful CSS preprocessor, which allows us to much more quickly develop Foundation itself — and gives you new tools to quickly customize and built on top of Foundation. "

"The Grid lets you lay out pages quickly and logically with a flexible, nestable system. Even better, the Grid can be whatever size you need — it's easily adapted to any size screens, from phones to TVs. "

"Foundation includes dozens of styles and elements to help you quickly put together clickable prototypes, that can then be adapted and styled into polished production code. Forms, buttons, tabs, all kinds of good stuff. "

"The Grid lets you quickly put together page layouts for mobile devices and the desktop. You don't need two different sites — the Grid is built to create a rock-solid experience on all kinds of devices with the exact same markup. "


Implementation:

<!-- Foundation 2 Structure -->
<div class="container">
  <div class="row">
    <div class="six columns">
    <div class="six columns">
  </div>
</div>

<!-- Foundation 3 Structure -->
<div class="row">
  <div class="six columns">
  <div class="six columns">
</div>


<!-- Foundation 2 Buttons -->
<a href="#" class="large nice blue radius button">Fancy Button</a>
<a href="#" class="small nice green rounded button">Fancy Button</a>

<!-- Foundation 3 Buttons -->
<a href="#" class="large radius button">Fancy Button</a>
<a href="#" class="small success rounded button">Fancy Button</a>


<!-- Foundation 2 Forms -->
<form>
  <label>Form Input</label>
  <input type="text" class="input-text medium" />
</form>

<!-- Foundation 3 Forms -->
<form class="row">
  <div class="six columns">
    <label>Form Input</label>
    <input type="text" />
  </div>
</form>



IPhone


Foundation 3 - advanced responsive front-end framework


IPad

Foundation 3 - advanced responsive front-end framework


Desktop

Foundation 3 - advanced responsive front-end framework



source
documentation
github
download
PSD Templates

Advertisement
Tags: foundation, design, frameworks, framework, css framework, html framework, html5, css3, sass, scss, compass, responsive, design

Leave a Comment

No Comment

© Creative3x Ltd.