[UI]Flat UI - Free Boorstrap Framework and Theme

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

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)

[email protected]黑眼诗人 <www.chenwei.ws> 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>

时间: 2024-12-30 02:08:17

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

flat UI

flat UI : http://jingyan.baidu.com/article/ea24bc3986e8b0da62b33199.html 扁平化设计(Flat Design), 奉行的是极简设计理念,抛弃任何三维特效(如阴影.渐变.文理等), 回归最简单的应用元素和排版.扁平化设计理念起源于Google,但兴起于Apple,最负盛名的代表就是iOS系统了

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

下载链接:http://www.bootcss.com/p/flat-ui/ 一.什么是Flat UI? Flat UI 是一种漂亮的Boostrap主题.我们重新设计了它的很多组件,使得其看起来扁平化. 其中的大部分组件,都是用起来很简单的.但是,为了确保其中一些组件外观和我们想要的一样,我们最终使用了一些JS插件.这意味着,需要一点努力来将它们整合到你的项目中去. 二.如何使用Flat UI? 由于Flat UI是建立在Bootstrap上层的一个主题,你可以在你的Bootstrap3项目中

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

Flat UI是一套精美的扁平风格 UI 工具包,基于 Twitter Bootstrap实现.这套界面工具包含许多基本的和复杂的 UI 部件,例如按钮,输入框,组合按钮,复选框,单选按钮,标签,菜单,进度条和滑块,导航元素等等. 对于我们这些不会前端的小码农来说,是绝对的神器. 但也正是因为不了解前端,所以哪怕是丁点的问题,对我们来说都是痛不欲生. 这次让我痛不欲生的便是flat ui的switch组件. 该组件是用来替代 checkbox 的组件, 关于它的用法,可以参见这里. switch

扁平化设计与配色方案Flat UI

这篇文章将展示很多很酷的范例,甚至还提供了一个免费的用户界面工具包供你下载和使用.但如果是你自己的话,你打算怎么做?给点提示,色彩是扁平化趋势中最重要的一部分. 扁平化设计进修 扁平化设计你可以通俗的理解为:使用简单特效,或者无特效来创建的设计方案,它不包含三维属性.诸如投影.斜面.浮雕.渐变等特效都不要在设计中使用. 扁平化设计给人的感觉通常都很简洁,即使它可以做的很复杂.简单.直接.友好的特性也使得它广受移动界面和时尚网站设计的青睐. 想了解更多扁平化设计趋势,可以看之前的这篇文章.分享一个

Bootstrap Flat UI的select下拉框显示问题解决

bootstrap中文网(http://www.bootcss.com/)里推荐项目有Flat UI(http://www.bootcss.com/p/flat-ui/),非常漂亮,而且少有的竟然具有select下拉框. 我直接打开example(Flat-UI-master/docs/examples/select.html)都是可以的,但是放到我的网站里则不行. 使用chrome调试经过分析,原因是: $('[data-toggle="select"]').select2(); 这

学习IOS开发UI篇--UI知识点总结(四) UITabelView/UITableViewCell

UITabelView:常用属性 @property (nonatomic)          CGFloat    rowHeight;             // will return the default value if unset @property (nonatomic)          CGFloat     sectionHeaderHeight;   // will return the default value if unset @property (nonatom

学习IOS开发UI篇--UI知识点总结(三) UIScrollView/UIPageControl/NSTimer

UIScrollView:常用属性 @property(nonatomic)   UIEdgeInsets     contentInset;               // default UIEdgeInsetsZero. add additional scroll area around content @property(nonatomic,getter=isPagingEnabled) BOOL   pagingEnabled;     // default NO. if YES,

转: windows下C++ UI库 UI神器-SOUI

转:http://www.cnblogs.com/setoutsoft/p/4996870.html 前言 在Windows平台上开发客户端产品是一个非常痛苦的过程,特别是还要用C++的时候.尽管很多语言很多方法都可以开发Windows桌面程序,目前国内流行的客户端产品都是C++开发的,比如QQ,YY语音,迅雷等.快速,稳定是我认为的应用软件开发框架最基本的要求,对于UI还有两个要求就是界面美观,配置灵活.C++语言满足了快速的要求,传统的客户端软件开发框架如MFC,WTL等满足了稳定的要求.然

学习IOS开发UI篇--UI知识点总结(一) UIButton/UITextField

UIkit框架下的几个基本控件,UIButton,UITextField,UILabel,UIImageView,UIScrollView,UITableView,UITableViewCell,UIPageControl; 他们的继承关系,UILabel,UIImageView,UIScrollView,UITableViewCell,直接继承自UIView; UIButton,UITextField,UIPageControl,继承自UIControl; UIControl继承自UIView