中文
杂谈 os包的功能 Amaze UI中的组件 Skeleton CSS的用武之地 SVG Introduction mysql数据库迁移 How agent and message bus work in the CloudStack platform? 剖析cloudstack中虚机的创建过程 AngularJS与LoopBack LoopBack实战 Sails使用手册 在NodeJS中使用MySQL数据库 在NodeJS中使用Sqlite 实战XLRD类库 上下文中给模板中的变量赋值 使用Pecan创建restful API 服务 使用python语言操作excel文件 Magento性能调优 Celery的世界 Linux下如何快速查找文件和内容 MySQL常用资源 为PHP设置服务器(Apache/Nginx)环境变量 MySQL大量数据插入各种方法性能分析与比较 Laravel中使用Redis作为队列系统的工作流程 使用Supervisor来管理你的Laravel队列 在Laravel中使用自己的类库三种方式 用Xdebug和Sublime调试PHP代码 用Laravel+Grunt+Bower管理你的应用 PHP Socket的使用 Python脚本--下载合并SAE日志 PHP命名空间及自动加载 SVN 常用资源 Shell 常用资源 Python 常用资源 PHP 常用资源 jQuery 常用资源 JavaScript 常用资源 HTML 常用资源 Git 常用资源 Linux下多个命令连续执行方法 基于CSS3实现尖角面包屑 部署Ceilometer到已有环境中 更新前端框架到Bootstrap3 OpenStack Ceilometer数据存储与API源码解析 OpenStack Ceilometer中的Pipeline机制 OpenStack Ceilometer Compute Agent源码解读 学习Python动态扩展包stevedore 学习Python的ABC模块 Python包管理工具setuptools详解 OpenStack Horizon 中文本地化 安装MySQL和MongoDB的WEB管理界面 给Git或者APT设置goagent代理 WSGI学习 在虚拟机单机部署OpenStack Grizzly python包工具之间的关系 给OpenStack创建Ubuntu镜像 OpenStack Grizzly Multihost部署文档 HTML中meta标签viewpoint的作用 交互式编程-IPython 页面提速之——数据缓存 给OpenStack创建Win7镜像 Ceilometer的命令行使用 给OpenStack创建Windows XP镜像 概念模型、逻辑模型、物理模型的区别 Bootstrap常用资源 OpenStack监控项目Ceilometer的一些术语 服务器自动化部署及运维常见工具 Linux下开启Libvirtd的tcp监控 VNC和远程桌面的区别 调试和修改OpenStack中的Horizon部分 win7快速打开应用程序或文件 JavaScript变量作用域 git创建远程库 MySQL远程访问 sae下的python开发部署和一个简单例子 OpenStack Nova内部机制【译】 PHP可变变量 JS中防止浏览器屏蔽window.open PHP操作Session的原理及提升安全性时的一个问题英文
The basic content of D3 library The cmd package in Go language The http package in Go language The net package in Go language The errors package in the Go language The runtime package in Go language The code anatomy of flag package in Go language Python Guide Understand the element object in AngularJS world Spring Overview Get started with Spring Boot A glimpse of PHP Constructor Explain Angular's Directive Dive deeply into Angular JS Get started with Ionic mobile How to use jQuery mobile? How to solve the field dependency in Django Form? Python Data Visualization By pygal Get started with SVG How to use table in the markdown file The design principles and best practise of Flat-UI中文/英文
一日十句标签
PHP 12
JavaScript 12
OpenStack 14
部署Ceilometer到已有环境中
OpenStack Ceilometer数据存储与API源码解析
OpenStack Ceilometer中的Pipeline机制
OpenStack Ceilometer Compute Agent源码解读
OpenStack Horizon 中文本地化
在虚拟机单机部署OpenStack Grizzly
给OpenStack创建Ubuntu镜像
OpenStack Grizzly Multihost部署文档
给OpenStack创建Win7镜像
Ceilometer的命令行使用
给OpenStack创建Windows XP镜像
OpenStack监控项目Ceilometer的一些术语
调试和修改OpenStack中的Horizon部分
OpenStack Nova内部机制【译】
Python 18
Python Guide
mysql数据库迁移
How agent and message bus work in the CloudStack platform?
Python Data Visualization By pygal
实战XLRD类库
上下文中给模板中的变量赋值
使用Pecan创建restful API 服务
使用python语言操作excel文件
Celery的世界
Python脚本--下载合并SAE日志
Python 常用资源
学习Python动态扩展包stevedore
学习Python的ABC模块
Python包管理工具setuptools详解
WSGI学习
python包工具之间的关系
交互式编程-IPython
sae下的python开发部署和一个简单例子
Linux 5
HTML 5
Laravel 4
Go 5
The design principles and best practise of Flat-UI
2014年03月01日What is the Flat UI?
Flat UI is a beautiful theme for Bootstrap.
The directory structure
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
How to use it?
-
Using CSS is as easy as dropping flat-ui.css into your project folder and including it in your template/html page:
<link href="dist/css/flat-ui.css" rel="stylesheet"> -
Use Less if you want to modify/extend Flat UI in your project. It is built just like Bootstrap, so you won’t find a big difference.