----------------------------------------------------------------------------------------------------------

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.

[Flat UI Free]      FlatUI主页:(http://designmodo.github.io/Flat-UI/)

[Bootstrap]       Bootstrap主页:(http://getbootstrap.com)

[getting started page]  开始指导:(http://designmodo.github.io/Flat-UI/docs/getting-started.html)

--------------------------------@黑眼诗人 <www.farwish.com> Translate-------------------------------

链接:

[Demo Page]    例子:(http://designmodo.github.io/Flat-UI/)

[Download PSD]  下载素材:(http://designmodo.com/flat-free/) (for designers)

[Flat UI Pro 1.3.0] 收费版本:(http://designmodo.com/flat/) (from $39)

快速开始:

[Download the latest release]  下载最新发布版本:(https://github.com/designmodo/Flat-UI/archive/2.2.0.zip)

                 或直接从Git上下载: `git clone https://github.com/designmodo/Flat-UI.git`

                 或使用包管理器Bower安装[Bower](http://bower.io): `bower install flat-ui`

                 例子: <https://github.com/designmodo/Flat-UI/tree/master/docs/examples>. 

FlatUI都包含哪些:

flat-ui/
├── dist/
| ├── css/
| | ├── vendors/
│ | ├── flat-ui.css
│ | └── flat-ui.min.css
| ├── js/
| | ├── vendors/
│ | ├── flat-ui.js
│ | └── flat-ui.min.js
| ├── fonts/
| | ├── lato/
| | └── glyphicons/
| | ├── flat-ui-icons-regular.eot
| | ├── flat-ui-icons-regular.svg
| | ├── flat-ui-icons-regular.ttf
| | ├── flat-ui-icons-regular.woff
| | └── selection.json
| ├── img/
| └── index.html
├── docs/
| ├── examples/
| ├── components.html
| ├── getting-started.html
| └── template.html
├── fonts/
| ├── glyphicons/
| └── lato/
├── img/
├── js/
└── less/
├── mixins/
├── modules/
├── flat-ui.less
├── mixins.less
└── variables.less

提供完整的CSS和JS(`flat-ui.*`),同样有压缩过的最小的CSS和JS(`flat-ui.min.*`),字体和图标都包含在内。

文档:

Flat UI的文档包含在它的包中的docs目录中,公共文档在GitHub主页上:http://designmodo.github.io/Flat-UI/docs/components.html

作者:

**Sergey Shmidt**

+ <http://shmidt.in>
+ <http://twitter.com/monstercritic>

**Sergii Iurevych**

+ <http://twitter.com/iurevych>
+ <http://github.com/iurevych>

**Dmitry Pytkin**

+ <http://twitter.com/pytkin>
+ <http://github.com/pytkin>

版权和协议:

  CC BY 3.0(http://creativecommons.org/licenses/by/3.0/)

  MIT License(http://opensource.org/licenses/mit-license.html)

字体:

  字体:http://www.google.com/webfonts/specimen/Lato

有用的链接 (如何使用):

  初学者视频提示: <http://designmodo.com/how-to-use/>
  UI界面工具箱: <http://designmodo.com/benefits/>

  使用UI Packs创建一个网站 (PSD to HTML) – Day 1: <http://designmodo.com/create-website-day-1>

  使用UI Packs创建一个网站 (PSD to HTML) – Day 2: <http://designmodo.com/create-website-day-2>

  使用UI Packs创建一个网站 (PSD to HTML) – Day 3: <http://designmodo.com/create-website-day-3>

  使用Bricks UI设计创建一个网站: <http://designmodo.com/website-design-bricks-ui/>

  什么是UI Kit,为什么你应该使用它: <http://designmodo.com/ui-kit-use>

  公司怎么使用UI Kits节省时间和金钱: <http://designmodo.com/save-time-money-using-ui-kits>

  为开发者准备的UI Kits – 原型和自制的设计: <http://designmodo.com/ui-kits-developers>

  Designmodo上更多的产品: <http://designmodo.com/shop/>

  教程: <http://designmodo.com/tutorials/>

  免费: <http://designmodo.com/freebies/>

  联盟计划 (赚钱): <http://designmodo.com/affiliates/>

社会媒体:

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

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

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

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

[UI]Flat UI - Free Boorstrap Framework and Theme的更多相关文章

  1. Flat UI 工具包

    Flat UI是一套精美的扁平风格 UI 工具包,基于 Twitter Bootstrap 实现.这套界面工具包含许多基本的和复杂的 UI 部件,例如按钮,输入框,组合按钮,复选框,单选按钮,标签,菜 ...

  2. 1、Flat UI Getting started(文档翻译)

    下载链接:http://www.bootcss.com/p/flat-ui/ 一.什么是Flat UI? Flat UI 是一种漂亮的Boostrap主题.我们重新设计了它的很多组件,使得其看起来扁平 ...

  3. flat ui switch 改变状态而不响应事件

    Flat UI是一套精美的扁平风格 UI 工具包,基于 Twitter Bootstrap实现.这套界面工具包含许多基本的和复杂的 UI 部件,例如按钮,输入框,组合按钮,复选框,单选按钮,标签,菜单 ...

  4. jquery mobile扁平化设计样式--Jquery mobile Flat UI介绍

    jquery mobile扁平化设计样式--Jquery mobile Flat UI介绍 这几天开发的web app使用了jquery mobile,jquery mobile自带的样式比较适合做企 ...

  5. Bootstrap Flat UI的select下拉框显示不出来 问题解决

    Bootstrap Flat UI的select下拉框显示不出来?看这里,恰巧今天我也遇到了这个问题: 点击Messages后并没有出现下拉列表,然而官网的index.html却能显示出来. 经过一番 ...

  6. Flat UI简介

    Flat UI简介 一.简介 Flat UI是基于Bootstrap之上进行二次开发的扁平化前端框架,他提供了动感.时尚的风格色调搭配,简洁.炫丽的功能组件,同时还提供了更为平滑的js交互动画,可以称 ...

  7. 小波说雨燕 第三季 构建 swift UI 之 UI组件集-视图集(六)Picker View视图 学习笔记

    想对PickerView进行操作,只能在代码中操作. 下面 ,再添加三个label组件,然后将所有组件配置到代码中(看代码),然后要实现对PickerView的操作,就要实现它的DataSource协 ...

  8. 重大发现: windows下C++ UI库 UI神器-SOUI(转载)

    转载:http://www.cnblogs.com/setoutsoft/p/4996870.html 在Windows平台上开发客户端产品是一个非常痛苦的过程,特别是还要用C++的时候.尽管很多语言 ...

  9. 【译】UI设计基础(UI Design Basics)--导航(Navigation)(六)

    [译]UI设计基础(UI Design Basics)--导航(Navigation)(六)

随机推荐

  1. fiddler Android下https抓包全攻略

    fiddler Android下https抓包全攻略 fiddler的http.https的抓包功能非常强大,可非常便捷得对包进行断点跟踪和回放,但是普通的配置对于像招商银行.支付宝.陌陌这样的APP ...

  2. NoSQL 35 个非主流数据库

    几乎每个Web开发人员都有自己喜欢的数据库,或自己最熟悉的数据库,但最常见的无外乎以下几种: MySQL PostgreSQL MSSQL SQLite MS Access 或是更简单的XML,文本文 ...

  3. 使用Maven Profile实现多环境构建

    在开发过程中,我们的软件会面对不同的运行环境,比如开发环境.测试环境.生产环境,而我们的软件在不同的环境中,有的配置可能会不一样,比如数据源配置.日志文件配置.以及一些软件运行过程中的基本配置,那每次 ...

  4. Css3_写出小广播样子

    /* create an arrow that points up */ div.arrow-up { width:0px; height:0px; border-left:5px solid tra ...

  5. 3. c的输入输出

    putchar与getchar操作输入输出通道 #include <stdio.h> #include <ctype.h> main(){ int c; while((c = ...

  6. MSSQL学习笔记

    阅读目录 1.什么是SQL语句 2.使用sql语句创建数据库和表 3.创建数据表 4.数据完整性约束 5.四中基本字符类型说明 6.SQL基本语句 7.类型转换函数 8.日期函数 9.数学函数 10. ...

  7. Form_Form Builder本地部署运行的实现(案例)

    2014-08-09 Created By BaoXinjian

  8. CF 219D Choosing Capital for Treeland 树形DP 好题

    一个国家,有n座城市,编号为1~n,有n-1条有向边 如果不考虑边的有向性,这n个城市刚好构成一棵树 现在国王要在这n个城市中选择一个作为首都 要求:从首都可以到达这个国家的任何一个城市(边是有向的) ...

  9. [MySQL] 常用SQL的优化--18.4

    这里介绍下,Insert.Group By等SQL语句的优化方法: 1.大批量数据插入 当load命令导入数据的时候,可以进行适当的设置提高导入速度. 1.1 对于MyISAM表,可以先禁用非唯一索引 ...

  10. 502 bad gateway 可能的错误原因

    1.PHP程序的执行时间超过了Nginx的等待时间,可以适当增加nginx.conf配置文件中FastCGI的timeout时间 #http代码段中增加 fastcgi_connect_timeout ...