.. | ||
bootstrap | ||
css | ||
css-old | ||
fonts | ||
images | ||
js | ||
less | ||
posts | ||
templates | ||
about.rst | ||
components.html | ||
contact.markdown | ||
Flat-UI-README.md | ||
getting-started.html | ||
index.html | ||
README.md | ||
site.hs |
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:
- Demo Page
- Download HTML (for developers)
- Download PSD (for designers)
- Flat UI Pro 1.2.5 (from $39)
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 (https://github.com/twbs/bootstrap/issues/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
(https://github.com/twbs/bootstrap/issues/11610); - Add
.small
support to blockquote citations (https://github.com/twbs/bootstrap/pull/11414); - Reorder the headings with body text and text emphasis classes (https://github.com/twbs/bootstrap/issues/11515);
- Remove color from outline reset for improved outlines on focus (https://github.com/twbs/bootstrap/pull/11551);
- Remove unnecessary prefixes for gradient mixins given our stated browser support (https://github.com/twbs/bootstrap/pull/11694);
- Add line-height to progress bar for proper text alignment within (https://github.com/twbs/bootstrap/issues/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
(https://github.com/twbs/bootstrap/issues/10522); - Add
<kbd>
element styles to indicate user input via keyboard (https://github.com/twbs/bootstrap/issues/11193); - Add
.animation()
mixins(https://github.com/twbs/bootstrap/issues/11244); - Prevent the double borders between multiple buttons in an input group (https://github.com/twbs/bootstrap/issues/11435);
- Updated
.scale()
mixin so that it accepts optional vertical scale as second parameter (https://github.com/twbs/bootstrap/issues/11748); - Don't set
@headings-font-family
to the same font stack as the<body>
; instead, just use inherit for same default CSS (https://github.com/twbs/bootstrap/issues/11741); - Add
.make-xs-column
mixins to complement the recently added extra small predefined grid classes (https://github.com/twbs/bootstrap/issues/11829); - Add and use
.text-emphasis-variant()
mixin for emphasis classes (https://github.com/twbs/bootstrap/issues/12247); - Add and use
.bg-variant()
mixin to generate background classes (https://github.com/twbs/bootstrap/issues/12248); - Reset height on
select[multiple]
in.input-size()
mixin (https://github.com/twbs/bootstrap/issues/12422); - Account for badges within buttons by matching background to text color and text color to background (https://github.com/twbs/bootstrap/issues/11268);
- Drop the abbr element from the
.initialism
selector (https://github.com/twbs/bootstrap/issues/11277); - Add
.small
support to blockquote citations (https://github.com/twbs/bootstrap/issues/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.
- 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
-
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:
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