基金会采用CSS网格,启动构建块

如果你不自己编写很多CSS,你可能会想到CSS Grid,就像Rachel Andrew不断的讨论一下。那么这是一个全新的布局系统,而Zurb显然跟着她的饲料。大多数浏览器供应商也是如此。 在撰写本文时,以下浏览器支持CSS Grid: 铬。自版本57起默认启用。 Firefox。自版本53起默认启用。 IE浏览器。从IE10开始默认启用 歌剧。自版本44起默认启用。 苹果浏览器。自10.1版起就默认启用。 那就对了。Internet Explorer先到了。当这种情况发生时总是有点尴尬。无论如何,这个信息来自Zurb本身,他们已经宣布将CSS Grid纳入基金会的最新博客文章。他们有三个原因: 他们想要保持领先地位 基金会通过在新兴网络技术面前停留,使网路设计师成为采用它们的理由。如果您想要长期的遗留浏览器支持,还有其他框架。基金会喜欢新事物,用户也是如此。 对他们来说,这种相当早期的变化是照常的做法,而不是从根本上偏离规范。 CSS GRID更适合大型布局 从表面上看,Flexbox似乎满足了CSS Grid的需求,而且支持已经在这里了。嗯,这不是那么简单。 虽然Flexbox当然是一个改进旧的浮动 – 一些事情和绝对位置的其他学校的布局,但并不是没有它的怪癖。它更容易让您的内容定义它的显示方式。人们似乎同意在页面的较小元素中布置内容是非常好的。 CSS网格似乎设计了更大的页面布局。它比其他选项更容易地创建,管理和“更好地”负责“排版较少的CSS。由于简单的布局是基金会的整体交易,因此他们合并了CSS网格是有意义的。 他们认为我们应该把页面隐喻淹没 Zurb和许多其他人似乎相信,“页面”的整个概念正在走向道路,至少对于设计师和开发人员来说。CSS网格显然对于将布局视为可复用元素的集合而不是单个页面的模块化系统非常有效。 这种思维方式特别受到开发人员和设计人员的青睐,这些开发人员和设计人员在超过五页小册子网站的应用程序或超大型网站上工作。包括Zurb。去搞清楚。 前进的道路铺满了砌块 这是一个很好的网站吗?是的,我甚至不会完成。CSS网格正在大开眼界。采用这种基础意味着在可预见的将来,CSS Grid是一件很正式的事情。嘿,它可能需要一些习惯,但我喜欢它。 此外,Zurb还没有停在那里。CSS Grid的采用使Zurb进一步走下了模块化代码的路径。他们刚刚发布了一组新的预编码UI组件,他们称之为构建块。积木不会成为基金会的核心部分。它们是扩展。下载它们,把它们放到你的项目中,然后去。 到目前为止,它们由Zurb编码的单个UI元素组成,以及由社区创建的代码模式,特别是与Foundation合作。然后有一组名为“工具包”的构建块,旨在使其更容易构建特定类型的站点。电子商务网站,投资组合网站,管理信息中心等都有套件。 有记忆的读者可能会记得,在接受他和Kevin Ball 采访时,Rafi Benkual先生谈到了这个概念。那么他们已经做到了 似乎Zurb决心让设计师更容易地关注UX的关注和美学,而不必自己做所有的咕噜的工作。并推动网络前进。

友情提示:点赞熊源码网http://www.dianzanxiong.com点赞熊源码网 » 基金会采用CSS网格,启动构建块
分享到:
赞(0)
广告位820*80