/Flat-UI

Flat UI Free - Design Framework (html/css3/less/js). Flat UI is based on Bootstrap, a comfortable, responsive, and functional framework that simplifies the development of websites.

Primary LanguageCSS

Flat UI Free 2.1.3

Flat UI Free is licensed under a Creative Commons Attribution 3.0 Unported (CC BY 3.0) (http://creativecommons.org/licenses/by/3.0/) and MIT License - http://opensource.org/licenses/mit-license.html.

You are allowed to use these elements anywhere you want, however we’ll highly appreciate if you will link to our website.

Links:

Changelog

  • 2.1.3

    • Bootstrap upgraded to stable 3.1.0;
    • Respond.js upgraded to v1.4.2;
    • Optimized file indentations, 2 spaces are now used instead of tabs, .editorconfig file is added;
    • Added variables font-path, font-name and font-id (twbs/bootstrap#12164) for local fonts and glyphicons;
    • Added the ability to change the navbar height through the variables @navbar-height-base and @navbar-height-large;
    • Add @grid-float-breakpoint-max to better link navbar behavior across viewports and improve customization when setting @grid-float-breakpoint (twbs/bootstrap#11610);
    • Add .small support to blockquote citations (twbs/bootstrap#11414);
    • Reorder the headings with body text and text emphasis classes (twbs/bootstrap#11515);
    • Remove color from outline reset for improved outlines on focus (twbs/bootstrap#11551);
    • Remove unnecessary prefixes for gradient mixins given our stated browser support (twbs/bootstrap#11694);
    • Add line-height to progress bar for proper text alignment within (twbs/bootstrap#10407);
    • Use @screen-xx-xx variables instead of hardcoded pixel values in modules;
    • Enable use of form validation class on .radio, .checkbox, .radio-inline, and .checkbox-inline (twbs/bootstrap#10522);
    • Add <kbd> element styles to indicate user input via keyboard (twbs/bootstrap#11193);
    • Add .animation() mixins(twbs/bootstrap#11244);
    • Prevent the double borders between multiple buttons in an input group (twbs/bootstrap#11435);
    • Updated .scale() mixin so that it accepts optional vertical scale as second parameter (twbs/bootstrap#11748);
    • Don't set @headings-font-family to the same font stack as the <body>; instead, just use inherit for same default CSS (twbs/bootstrap#11741);
    • Add .make-xs-column mixins to complement the recently added extra small predefined grid classes (twbs/bootstrap#11829);
    • Add and use .text-emphasis-variant() mixin for emphasis classes (twbs/bootstrap#12247);
    • Add and use .bg-variant() mixin to generate background classes (twbs/bootstrap#12248);
    • Reset height on select[multiple] in .input-size() mixin (twbs/bootstrap#12422);
    • Account for badges within buttons by matching background to text color and text color to background (twbs/bootstrap#11268);
    • Drop the abbr element from the .initialism selector (twbs/bootstrap#11277);
    • Add .small support to blockquote citations (twbs/bootstrap#11414);
    • Various small bugfixes and improvements.
  • 2.1.2

    • Bootstrap upgraded to 3.0.3;
    • Navbar completely rewriten, added new states (default, inverse, embossed, large, fixed-top, fixed-bottom, static-top), now you can use basic navbar elements: .navbar-form, .navbar-btn, .navbar-text, .navbar-link;
    • Forms: added support for legend, .help-block, fixed rounded serch form on iOS, fixed desabled input background and opacity, added support for input-groups;
    • Slider: added vertical orientation;
    • Various small bugfixes and improvements.
  • 2.1.1

    • Typography improved (new global variables, padding and margins changed for basic elements, global default font-size now is 18px, with a line-height of 1.722, added support for <abbr>, <address>, <code>, <pre>, right-aligned <blockquote>);
    • Buttons module completely rewritten (new global variables, buttons now require a .btn-default for the standard version, added support for .btn-link);
    • Fixed some bugs in .navbar;
    • Mixins updated (added standard mixins from Bootstrap 3);
    • Layout updated for stylized select and dropdown menu;
    • Various small bugfixes and improvements.
  • 2.1

    • Bootstrap upgraded to 3.0;
    • Added support for better box model;
    • Update html5 video player to version 4.1;
    • Added components documentation and sturt-up template;
    • Various small bugfixes and improvements.
  • 2.0 Compatibility with Flat UI Pro (Less instead of Sass), Bootstrap upgraded to 2.3.1, grids refinements, various Less compiler bugfixes, Video module bugfix, various small bugfixes.

  • 1.1 New icons, Login screen implemented to a real HTML one. Small bug fixes and refinements.

  • 1.0 Fixed several small IE bugs

Authors

Sergey Shmidt

Sergii Iurevych

Dmitry Pytkin

Typeface

Flat UI Free is made using the Lato typeface, which can be downloaded for free here: http://www.google.com/webfonts/specimen/Lato

##Useful Links (How To)

How to Use UI Kits, Beginners Video Tips: http://designmodo.com/how-to-use/

UI Kit Benefits: http://designmodo.com/benefits/

Create a Website using UI Packs (PSD to HTML) – Day 1: http://designmodo.com/create-website-day-1

Create a Website using UI Packs (PSD to HTML) – Day 2: http://designmodo.com/create-website-day-2

Create a Website using UI Packs (PSD to HTML) – Day 3: http://designmodo.com/create-website-day-3

Create a Website Design using The Bricks UI: http://designmodo.com/website-design-bricks-ui/

What is UI Kit and Why You Should Use it: http://designmodo.com/ui-kit-use

How Companies can Save Time and Money Using UI Kits: http://designmodo.com/save-time-money-using-ui-kits

UI Kits for Developers – Prototyping and Homemade Design: http://designmodo.com/ui-kits-developers

More productsfrom Designmodo:

http://designmodo.com/shop/

Tutorials:

http://designmodo.com/tutorials/

Freebies:

http://designmodo.com/freebies/

Affiliate Program (earn money):

http://designmodo.com/affiliates/

Social Media:

Twitter: http://www.twitter.com/designmodo

Facebook: http://www.facebook.com/designmodo

RSS: http://feeds.feedburner.com/designmodo

Google+: https://www.google.com/+DesignModo