16个时髦的扁平化设计的 HTML5 & CSS3 网站模板
创建网站最好办法之一是使用现成的网站模板或使用开源 CMS 应用程序。所以,今天这篇文章给大家带来的是16款基于 HTML5 & CSS3 的精美的扁平风格网站模板,大家可以借助这些优秀的网站模板创建自己的优秀网站。这些网站模板虽然是收费,但是都提供了在线演示,所以……你懂的:)
Persona – HTML5 Parallax Portfolio Theme
充满吸引力的一款网站模板,扁平化设计风格,动感的视差滚动效果。

Superb – Responsive One-Page Portfolio
Superb 是一个基于 HTML5 & CSS3 的响应式单页作品集网站模板。

Next – Unique & Easy Portfolio Template
这款精美的网站模板提供了三套风格的设计:全屏背景、单页滚动以及 Metro 面板。

Creatrix – Flat Responsive Template
扁平化设计风格的响应式网站模板,大量使用了 CSS3 动画效果。

Flatnica – Ultimate Flat Template
带有 jQuery 滑块以及精美字体图标的扁平风格的 HTML5 & CSS3 模板。

Flati – Flat Design Bootstrap Template
一款专业的响应式的 HTML5 作品集网站模板,基于 Twitter Bootstrap 创建。

Straight – Creative Flat Template
适合设计师、自由职业者的创意扁平化风格网站模板。

Hypertext – Flat Portfolio Template
时下流行的扁平化的、响应式的 HTML5 & CSS3 网站模板。

Rinna – Flat One Page Template
很有范的扁平化设计的单页网站模板,基于 HTML5 & CSS3 技术。

iLevel – Flat Design Bootstrap Template
这是另一款基于 Twitter Bootstrap 创建的扁平风格网站模板。

Fraiche – Flat One-Page Portfolio Bootstrap Template
适合个人和团队的扁平化风格单页网站模板,也是基于 Twitter Bootstrap 创建的。

Paris – Responsive HTML5 Template
Paris 是一个功能齐全的响应式的 HTML5/CSS3 网站模板。

Focus – Fully Responsive Portfolio Template
Focus 是基于时下流行的响应式 & 扁平化设计风格的作品集网站模板。

Grid – Responsive Portfolio Retina Template
Grid 也是一款响应式的个人作品集网站模板,支持 Retina 显示。

Renova – Unique One Page Theme
Renova 是一款设计独特的单页网站模板,采用扁平化的设计风格。

Alfie – Responsive Bootstrap Html Template
最后这款网站模板同样是基于 Twitter Bootstrap 的响应式网站模板。

您可能感兴趣的相关文章
英文来源:HTML5/CSS3 Flat Portfolio Website Template
编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
16个时髦的扁平化设计的 HTML5 & CSS3 网站模板的更多相关文章
- 腾讯CDC谈扁平化设计
扁平化设计无疑是当前讨论最多,最火的设计形式,自ios7面世以来更是将扁平化设计的讨论推向风口浪尖. 在这里我不想分析拟物设计和扁平化设计的优劣,更不想说谁更好!在形式服从内容的今天,我只能说哪种设计 ...
- PPT扁平化设计总结
注:以下内容基本都来自知乎,由于已经不记得网址了,所以未能附上所有相关链接,抱歉. PPT扁平化设计原则一.亲密:意思相近的内容放在一起二.对齐:页面上的某两个元素之间总是围绕一条直线对齐三.对比:有 ...
- 11款扁平化设计的 Twitter Bootstrap 主题和模板
扁平化设计和 Bootstrap 框架是2013年网页设计领域的两大设计潮流.把这两者集合起来不是件容易的事情,使用下面这些主题和模板将节省我们的开发时间,因为我们可以修改已有的基础代码,而不是从零开 ...
- 扁平化设计五大原则(转自CSDN翻译)
Cousins表示他虽然对扁平化设计的感觉非常强烈,但并没有特别热爱或者特别讨厌扁平化设计.他认为好的设计不应当局限于某种设计风格,而需要更注重可用性.有用性.如果因为时尚的缘故,那就顺其自然吧.但该 ...
- 扁平化设计的最新趋势 – 长阴影(Long Shadow)
随着互联网的发展,网页设计变得越来越复杂,如今设计的外观和感觉实现网站功能说使用的开发技术一样重要.互联网的功能远远不只是基本的信息共享,现在人们对网站的期望是远远大于几年前的. 如今,HTML5 & ...
- (旧)子数涵数·UI设计——扁平化设计
一.基本资料 1.由来 扁平化设计这个概念,是由Google(谷歌)在2008年提出的:它的首个实践者是microsoft(微软),microsoft在2012年发行了win8系统,这个系统的外观主题 ...
- jquery mobile扁平化设计样式--Jquery mobile Flat UI介绍
jquery mobile扁平化设计样式--Jquery mobile Flat UI介绍 这几天开发的web app使用了jquery mobile,jquery mobile自带的样式比较适合做企 ...
- HTML5+CSS3网站设计教程 (张晓景,胡克) [iso]
<HTML5+CSS3网站设计教程>系统地讲解了CSS的基础理论和实际运用技术,并结合多个案例讲解了采用CSS与层布局相结合制作网页的方法,在详细讲解各个案例的制作中,不仅介绍了CSS样式 ...
- 【UI设计】扁平化设计之流行色值
收集了一些颜色值 顏色表示方法: 以命名方式定义经常使用的顏色,如color="green".可是自由度较低,何况单词量...... 以RGB值表示.如#FF0000表示red(红 ...
随机推荐
- MyEclipse 自带的TomCat 新增部署的时候不显示 Deploy Location
项目总是报错,添了删,删了又添了N次以后,发现添加部署的时候,Deploy Location 没有值了,Deploy Location 没有值在自带的Tomcat上就无法用浏览器浏览(Open in ...
- javascript opacity兼容性随笔
一.CSS兼容代码 .transparent { filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* FireFox old version ...
- Quartz.net 定时调度时间配置格式说明与实例
格式: [秒] [分] [小时] [日] [月] [周] [年] 序号 说明 是否必填 允许填写的值 允许的通配符 1 秒 是 0-59 , - * / 2 分 是 0-59 , - * / 3 小时 ...
- python 之readability与BeautifulSoup
以前要采集某个网页,一般做法是写程序源代码爬出来,然后用正则去匹配出来,这种针对指定的网页去爬效果还可以,但是如果是批量的网页这种实现就会变得不现实,在这时候就有readability出手的意义了,r ...
- 【腾讯Bugly干货分享】深入理解 ButterKnife,让你的程序学会写代码
本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/578753c0c9da73584b025875 0.引子 话说我们做程序员的,都 ...
- 走进AngularJs(九)表单及表单验证
年底了越来越懒散,AngularJs的学习落了一段时间,博客最近也没更新.惭愧~前段时间有试了一下用yeoman构建Angular项目,感觉学的差不多了想做个项目练练手,谁知遇到了一系列问题.yeom ...
- java提高篇(五)-----抽象类与接口
接口和内部类为我们提供了一种将接口与实现分离的更加结构化的方法. 抽象类与接口是java语言中对抽象概念进行定义的两种机制,正是由于他们的存在才赋予java强大的面向对象的能力.他们两者之间对抽象概念 ...
- Java Socket Server的演进 (一)
最近在看一些网络服务器的设计, 本文就从起源的角度介绍一下现代网络服务器处理并发连接的思路, 例子就用java提供的API. 1.单线程同步阻塞式服务器及操作系统API 此种是最简单的socket服务 ...
- Java中反射的理解
反射 一.什么是反射 Java 反射是Java语言的一个很重要的特征,它使得Java具体了"动态性". 反射用在 Java 身上指的是我们可以于运行时加载.探知.使用编译期间完全未 ...
- 分割超大Redis数据库例子
转载于:http://www.itxuexiwang.com/a/shujukujishu/redis/2016/0216/124.html?1455853509 薄荷 App 上的伙伴功能大量使用了 ...