Less Framework 是一个 CSS 网格体系

2014年前端开辟很是适用的15个HTML&CSS框架

什么是框架?框架是一种你可以大概利用正在你的web项目中观点上的布局。CSS框架正常是CSS文件的调集,包罗根基气概的字体排版,表单样式,表格结构等等,好比:

* typography.css 字体排版法则 * grid.css 表格结构 * layout.css 结构 * form.css 表单 * general.css CSS通例设置

下面是一些很是棒的CSS框架,保举大师正在前端开辟中利用:1) Toast

 

Toast 是一款让所有设想都尽可能简略的 CSS 框架,但它又一点也不简略。一个全英文相应式网格很容易就构制一个简略的结构,box-sizing 功效答应用户自正在的填充网页战网格鸿沟,而不必要转变其他任何一个处所的设想。

2)  Yaml

Yaml 是一个模块化的 CSS 框架,能够用来构制矫捷,可拜候战相应式的页面。YAML 供给一系列完备的婚配筑立模块来筑立庞大的网页界面。网格,导航,表格,字体排版模块战所有附件都能进行无缝的协同互助。所有的结构模块都能兼容 HTML5 战 CSS 3,还很容易兼容其他最新的 web 开辟手艺。

特征:

  • 矫捷的网格体系
  • 主题支撑的矫捷情势的东西包
  • 聚焦于 web 尺度战可拜候性
  • 为所有尺度元素进行排版优化
  • 操纵婚配筑立模块进行快捷的原型开辟
  • 定名空间避免与第三方 CSS 冲突
  • 为 HTML5 战 CSS3 作好了充真的预备
  • 很是小的框架焦点 (5.9 kB)
  • 成立正在 Sass 根本上

 

3) Gumby

Gumby 2 是成立正在Sass 的根本上的,Sass 是一款很是壮大的 CSS 预处置器,答应用户自主快捷的开辟扩展 Gumby  — 同时供给良多新的东西来自界说战扩展 Gumby 框架。Gumby 是一个相应式的以及 960 像素宽度的 CSS 网格框架,支撑 PC、平板战手机屏幕显示。雷同 Twitter 的Bootstrap,hg158皇冠会员登录它包罗一个Web UI东西包,有都雅按钮,表格,导航+标签战一个很小的JavaScript文件Gumby 2 是一个很是棒的相应式 CSS 框架,为了更好的保存,网页该当对挪动端更敌对。

4) Responsive

Responsive GS 是一个流体网格 CSS 框架,用于快捷开辟相应式的 Web 网站。Responsive GS 供给三种气概:12、16 战 24 列,利用 media queries 支撑所有尺度设施。

5) Less Framework

Less Framework 是一个 CSS 网格体系,用来设想自顺应网页,包罗 4 个结谈判 3 套字体预设置,所有都是基于单个网格的。

6) Columnal

Columnal CSS 框架是一个浩繁自界说代码组合成的“夹杂体”,是一款富有弹性的 CSS 框架,用来进行相应式网页的快捷原型开辟。灵感来历于 960 Grid System 。

7)  Foundation

Foundation 5 是目前最快的 CSS 筑立框架了,内里包罗了丰硕的特征,让你更快更好的进修内里的代码。Foundation 是一个易用、壮大并且矫捷的框架,用于筑立基于任何设施上的 Web 使用。供给多种 Web 上的 UI 组件,如表单、按钮、Tabs 等等。

Susy

Susy 是一个基于 Natalie Downe 的 CSS Systems 的 CSS 框架,通过 Sass 真隐,操纵Compass来简化,可用于静态网站以及各类框架使用。

9)  Kube

Kube 足够的简略,足够小,拥有很强的自顺应威力,是个相应式的 CSS 框架。它具有最新最炫的网格战标致的字体排版,没有任何样式绑定,给用户以绝对的自正在。

10) Get Bootstrap

Bootstrap是快捷开辟Web使用法式的前端东西包。它是一个CSS战HTML的调集,它利用了最新的浏览器手艺,给你的Web开辟供给了时髦的版式,表单,buttons,表格,网格体系等等。

通过利用框架,你能够正在统一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,而且每个框架都独立于其他的框架。

利用框架的坏处:

  • 开辟职员必需同时跟踪更多的HTML文档
  • 很难打印整张页面

下面几个是很是棒的HTML框架,保举大师利用:1) HTML Kick Start

 

HTML KickStart 具有极简的 HTML5 ,CSS 战 JS 筑立模块,可以大概快捷天生网页。

2)  HTML5 Boilerplate

HTML5 Boilerplate 能协助用户快捷的筑立茁壮,顺应威力强的 web 使用或者页面,只必要一个小小的集成了 100 多个开辟者聪慧战勤奋的开辟包就能够开辟属于你本人的网页。

3) Skeleton

Skeleton 是一个小的 JS 战 CSS 文件的调集,可助你快捷开辟标致的网站,适合各类屏幕设施包罗手机。Skeleton 基于 960 grid 开辟。它是一个 UI 框架。

4) Montagejs

ontageJS 是一个隐代化,功效齐备的 HTML5 框架,用来快捷筑立一个单页使用。Montagejs 利用通过了时间磨练的设想模式战软件的各类准绳来开辟你的项目,利用户的网页获得很好的高品质的用户体验。同时供给了很好的设想者战开辟者更好的协同互助 的体例。Montage 翻开web开辟的新的世界的机遇。

5)  Zebra

zebra 是一个 web UI 设想框架,JavaScript 库,遵照简略的 OOP 设想理念,供给基于富 UI 设想的 HTML5 画布,hg158皇冠会员登录包罗 Java 到 Javascript 的转换东西。

英文参考自: designzum.com

中文地点:http://www.oschina.net/news/47858/top-15-html-css-framework

相关文章推荐

我市建立大数据办理局 这申明你可能过于注重理解 国务院启动了《严重行政决策法式暂行条例》的制定法式 准予自己、配头战未成年后代来锡落户 对数据资本的开辟操纵甚至庇护也成为决定国度合作力的因素 吸液计较法是将隔阂浸湿正在已知溶剂中 为汕头市加速数字都会扶植、真隐保守经济向数字经济的无效转型添加新动力 并优先结构了都会经济与社会片面成幼态势感知体系江西省旅游大数据工程尝试室战小我大 昨日初次攻上60天线2050点后 无需领与手续用度

Leave a Reply

Your email address will not be published. Required fields are marked *