17种新型的响应式开发框架

  对 于所有Web开发人员和设计者而言,在建立网站的时候有很多不同资源供他们使用。其中之一便是框架,框架定义为一个普遍的或受规范准则、概念和实 践来解决典型问题。因此,如果它是在网页设计领域的定义,它实际上捆绑的文件夹带有JSS文件,CSS和HTML,还有结构化文件。它主要用于开发初期网 站使用一个共同的结构,并可以重复使用而不用重新编码。下面将介绍17种最新好用的响应式框架,有助于Web开发人员在涉及网站设计的不同进程时使用。你 不需要数学的专门知识或技术知识,运用框架将节省编程时间,使得网站开发过程更容易更快捷。

  One% CSS Grid

  

  正如它的名字本身就代表了它的功能,由于它是一个12柱的流场中CSS网格系统,推荐给需要创建一个更好的响应基础的设计者。

  MUELLER Grid System

  

  它允许网站开发人员完全控制基线网络,列宽,媒体查询和分割线宽度,还适应于响应和无响应布局。

  Profound Grid

  

  它是一个灵活的框架,在不固定或固定的时候都能实现,因为它是通过SCSS建立的。它使得Web开发人员能够增加媒体布局,创建计算列的负利润率。

  34 Responsive Grid System

  

  它不同于其他的网格系统,因为它提供了一个平等分布,平均分配给每一行的列。事实上,你可以自定义,它提供完全的自由,你可以任意创造你的下载包。

  Base

  

  这是最好用的框架之一,因为它涉及到方便快捷的样式表,具有基本的样式,后退,作为JS文件的基础增强。它的尺寸是12列960px网格,推荐新网站使用,因为它自带一个很可靠的CSS框架。

  Blok Grid

  

  它给予Web开发人员控制权,他们的网站可以在桌面,台式机,平板电脑和移动终端响应。因为它是初始的移动框架,有12列网格和断电。

  Bourbon Neat

  

  它还有另一个为人熟悉的名字neat,作用是在Bourbon和Sass顶端建立的。很容易使用,因为它非常灵活,是一个开源流体网格框架,重量也很小。它能帮助设计师和开发人员在几分钟内就成功运行框架。

  Foundation 4

  

  经过几代升级后,重新编写代码,JS插件,从Zepto切换到大的Foundation,它的功能是使其移动兼容,成长为一个可以代替jQuery的著名框架。

  Groundwork CSS

  

  它能在任何布局实现,因为它是全响应的框架功能,在嵌套,灵活性以及流体网格系统方便都更优化。

  Gumby 2

  

  它是你能得到的免费的最强大的工具,在SASS中强力开发的,因速度快,包装全而闻名,是方便快捷的定制响应框架。

  RWD Grid

  

  它源自于著名的960.gs,但更先进了,其下划线已经被容易读数的连字符取代了。

  Sassaparilla

  

  它允许任何Web开发人员构建样式表,因为它是基于Sass的,利用可重复使用的SCSS。

  inuit.css

  

  它有不同的版本,以上是最新的版本,变得可扩展,功能强大,基于Sass的框架。

  Centurion

  

  这是建立在CSS3 media queries基础上的响应框架,同样使用了SASS。它由易于修改的脚本和固定的标签元素,以及表格和导航组成。

  Cool Kitten

  

  推荐使用在建立响应滚动视差网站,因为它是一个JS, CSS和HTML轻量级工具包。

  Extra Strength Responsive Grids

  

  如果你需要基于流体的响应网格,它就比较适合了,因为它可以嵌套网格,有不同的类,你可以很容易记住。

  320 and up

  

  它是最好的样板,因为它非常敏感和易于使用,并且是轻量级的。这里介绍的是关于它的bootstrap。设计测试,设计氛围,5 CSS3 Media query,Sass maxins,upstarts,响应测试,selectivizr和Modernizr。

  via 极客标签

  来源:GBin1.com 17种新型的响应式开发框架

时间: 2024-09-20 05:34:32

17种新型的响应式开发框架的相关文章

一种新型的针对式入侵手法--“路过登录”

本文讲的是 一种新型的针对式入侵手法--"路过登录",一种"有趣"的新型攻击手段被安全人员发现.安全人员认为,这种新型手段是对特定目标投放恶意软件的全新攻击手段. 这种手段被称为路过登录(Drive-by-login).路过下载(Drive-by downloads)可以在用户访问恶意页面时对其注入恶意软件,这种新手段与之类似.不过,在路过登录攻击中,攻击者在用户可能登录的网站中嵌入恶意代码.这些恶意代码被用于向特定目标注入恶意软件,而并非所有网页访问者. High

一种新型的针对式入侵手法--“路过登录”

一种"有趣"的新型攻击手段被安全人员发现.安全人员认为,这种新型手段是对特定目标投放恶意软件的全新攻击手段. 这种手段被称为路过登录(Drive-by-login).路过下载(Drive-by downloads)可以在用户访问恶意页面时对其注入恶意软件,这种新手段与之类似.不过,在路过登录攻击中,攻击者在用户可能登录的网站中嵌入恶意代码.这些恶意代码被用于向特定目标注入恶意软件,而并非所有网页访问者. High-Tech Bridge公司在收到一家名为Central European

《响应式Web图形设计》一13.4 多图像解决方案

13.4 多图像解决方案 响应式Web图形设计 如果你想对图像质量有更多把握,同时还可以不拘泥于一种图像格式,那么是时候该考虑下picture元素和srcset属性了. 13.4.1 picture元素 picture元素(见图13.17)是响应式图像社区(网址是http://picture.responsiveimages.org/)提出的新元素,旨在帮助网页设计师在用户可见的内容中指定合适的图像. 如果用户使用一个高清分辨率的大屏幕来访问网站,那么我们可以为之提供高清大图. 如果用户使用常规

响应式导航的设计模式

在大屏幕上,导航置顶或导航居左是两种典型的设计模式,然而,这两种模式在小屏幕上却遭遇挑战.在响应式设计日渐流行的今天(译者注:其实已经流行了好几年了),我们更有必要重新审视针对小屏幕环境下的导航设计模式.这些通过移动设备访问的页面导航,必须既方便用户快速访问,又不能过于突出. 以下,我列出了 7 种常见的响应式导航的设计模式,它们分别是: 置顶(或"放任自流") 页脚锚点 菜单选择 开关 侧滑 置底 彻底隐藏 上述每种设计模式都各有利弊,大家在选择导航设计方案时,需要根据项目的实际情况

响应式导航有哪几类设计方式?

  在大屏幕上,导航置顶或导航居左是两种典型的设计模式,然而,这两种模式在小屏幕上却遭遇挑战.在响应式设计日渐流行的今天(译者注:其实已经流行了好几年了),我们更有必要重新审视针对小屏幕环境下的导航设计模式.这些通过移动设备访问的页面导航,必须既方便用户快速访问,又不能过于突出. 以下,我列出了 7 种常见的响应式导航的设计模式,它们分别是: 置顶(或"放任自流") 页脚锚点 菜单选择 开关 侧滑 置底 彻底隐藏 上述每种设计模式都各有利弊,大家在选择导航设计方案时,需要根据项目的实际

响应式网页布局的实现方法原理

交互设计师,要满足各自不通分辨率和设备的页面布局展现方式.而视觉设计师,则要考虑到页面性能和移动端带宽问题,权衡下页面的酷炫效果和视觉色彩的运用.而前端和后台开发工程师,则要完成满足视觉需求和交互功能,更要考虑到页面加载性能和消耗带宽问题,更重要的是移动端安全性能方面!既然响应式网页设计牵涉到了这么多的方方面面,那我们又该如何去实现这种页面呢?对此我也特意收集了一些响应式网页的实现方法原理 首先我们应该遵循移动优先原则,交互和设计应以移动端为主,PC则作为移动端的一个扩展:一个页面需要兼容不同终

[译] 如何让你的 React 应用完全的函数式,响应式,并且能处理所有令人发狂的副作用

本文讲的是[译] 如何让你的 React 应用完全的函数式,响应式,并且能处理所有令人发狂的副作用, 原文地址:How to make your React app fully functional, fully reactive, and able to handle all those crazy side effects 原文作者:Luca Matteis 译文出自:掘金翻译计划 译者:ZhangFe 校对者:AceLeeWinnie,liucaihua9 如何让你的 React 应用完全

《众妙之门——用户体验设计的秘密》一2.4 通过响应式设计实现的普遍化设计

2.4 通过响应式设计实现的普遍化设计 尽管很多关于响应式设计的讨论都聚焦于技术层面和响应式概念的层面,但是"响应能力"这个指标不应该是设计的目标,只是为了满足用户需求的某种条件:只是对不同内容的呈递所需要具备的工具:只是用来压缩图像大小的一种技术:只是用来合理布局.更好地呈递信息,以适应小屏幕显示的一种手段. 响应式设计的核心目标是为不同设备提供普遍化的体验. 掌握响应式设计的过程是一种普遍化设计的训练.掌握了响应式,便对设计的"平均律"有了更深层次的了解.The

避免3种响应式设计灾祸

  设计响应式网页时也会遇到一些问题,菜单.图片.内容排布如果处理不善,会破坏网站的视觉效果与内容层次关系. 响应式设计方法对开发者非常有用,因为它使我们的内容在各种设备上广为传播.不用保留几个独立版本的网站,也可以摒除诸如缩放和流式布局这些方法的弊端. 本文重点讨论设计师遇到最多的3个响应式设计问题,也会提供一些规避错误的策略. 缩放.流式布局与响应式 这些术语容易造成混淆,设计师常常错误地交替互用.实际上,每个都是布局技巧的显著进化过程,像技术演进那样逐一显现. 缩放布局,旨在相对缩放每一个