W Design & NEWS

随着现代flexbox网页布局

W-design2015.09.24

    首先我要说:flexbox是容易的。不管是因为早期的收养问题,或是因为我们已经学会了在浮块的角度思考,我经常听到从网页设计,他们认为flexbox实现较为复杂。但我再重复一遍:flexbox是容易的。有一个技巧来理解flexbox,我教你,之后都会清楚。

    但首先,我想谈谈什么是flexbox。flexbox是什么?flexbox(或灵活盒布局模块给它正确的名称)是一组CSS属性结合起来,奠定了在响应内容。flexbox是第一个CSS布局技术适合现代网络。说是支持flexbox直到它是公平的,没有布局技术工作以及响应式网页设计。很多黑客已经漂浮,如设置显示的元素:内联块,让他们把。但这提出了一些灵活的网站的问题,不是控制和对元素大小的连锁效应的缺乏。因为这个原因,许多敏感的网站仍然使用JavaScript来定位内容。flexbox是干什么用的?flexbox是由W3C描述为用于铺设UI元素之类的菜单项,它不是用于铺设整个页面。因为它不是用于整个页面布局,是flexbox同伴有一个CSS模块,网格布局模块,用于布局。网格布局被认为是最合适的技术,用于全面的页面布局。遗憾的是,目前对网格的支持非常有限,而且“有限”我的意思是“没有”,甚至最新版本的浏览器没有支持它。快乐的浏览器支持flexbox更全面。因为它解决了很多现代的布局问题,flexbox是一个理想的工具,直到最后采用网格。造型组件flexbox是网页上的元件的理想造型。对flexbox实权,和原因它比其他布局选项要好得多,从申报方式对而不是单个项目项目组。当涉及到布局时,我们很少需要一个单独的项目,如果我们计划这样做的话,它就更好的使用定位。flexbox效果最好时,它控制组元素之间的相互关系。

    总设计一件事,在它的下一个更大的背景下,在一个房间,一个房间,在一个环境中,一个城市规划的环境中的一个椅子。-以萨里宁因此,该flexbox规范分为两部分,一组属性,指容器元素,和一组属性,指的是内部要素。浏览器支持典型的浏览器支持是一个复杂的问题。更加复杂的flexbox因为flexbox有几种不同的语法。早期的犹豫不决,一些浏览器供应商的独立发展,和一个迭代的过程,给我们留下了几个不同版本的flexbox所有需要迎合。令人高兴的是,与传统浏览器的一些浏览器前缀的添加,我们现在可以靠它。据caniuse.com,目前主流的浏览器IE9将为我们提出了一个问题。幸运的是,像所有的CSS,如果flexbox失败,失败地。这意味着IE9会忽略它。flexbox版本多亏了一个惊人的缺乏对委员会和公司各个部门之间的合作,flexbox的实施几乎媲美的2000年初的混乱时,每一个浏览器实现的每一个属性唯一,和错误,同时。让人怀疑的好处,flexbox三实现只是一个迭代的方法,导致了最有用的通用解决方案。有三个版本的flexbox语法,你需要意识到:老,中间,和新的。不同的浏览器支持不同的语法,例如支持IE10之间的语法。就像浏览器前缀,我们写flexbox语法从旧到新,因此最新支持的语法重写旧的语法。例如,我们写的显示:弯曲像这样:显示:WebKit的盒子;/*老为WebKit */显示:-moz箱;/*老为Mozilla */显示:MS flexbox;中间为IE / * * /显示:WebKit的Flex;/ *新前缀的WebKit */显示:弯曲,/ *新* /在清晰的利益,我不打算潜入老语法,或争论的预处理器,处理器的优点后,不同的转换脚本。在我所有的例子中,我将使用正确的,新的语法。

    当谈到生产代码我使用一系列的蔬菜混合flexbox支持旧的浏览器扩展。有一个很好的蔬菜混合在这里,你可以使用你的代码,以防止腹胀,或提取遗留的语法。了解flexbox秘密flexbox的秘密,是因为它不是所有方格。到现在为止,所有布局为了庆祝自己的第二十岁生日,这部歌剧是推出一个新品牌形象,其中最具视觉冲击力的元素,是他们的新标志。走的是熟悉的高对比度的“O”,替代的是一个矮矮胖胖的,三元环;意在传达戏曲的概念作为一个管道网络和信息,娱乐,服务,并在他们的整个生活。,Opera的老式“O”代表的是公司在一个程式化的形式或另一种。新的,简化的形式是符合这一趋势,从一个比较几何SANS公司不同的迹象。在歌剧中,一个特别的情况下,成功的设计,这意味着简化,同时保留了以往设计的本质。三元环的顶部和底部的曲线的顶部和底部的形状进行了审查,比较的早期形式。不同于facebook,和谷歌最近改变了,它是一种身份,将公司的发展,和品牌的历史应有的表现。在去年的反设计,创意策略工作dixonbaxi,新身份是卷起小歌剧,其次是其他部门在未来几个月内。歌剧院的声誉作为一种替代浏览器,但这涵盖了企业的真实大小;歌剧目前每个月超过十亿的用户。他们希望这将进一步。据全球营销和销售的副总裁达西达西说:“他们希望在更多的地方,在更多的地方,体验什么是重要的,当它是最重要的,”。“。”

    结论你有它。一种在网页上放置内容的现代方法,被广泛支持和易于实现。对flexbox电源,其性能可以给我们在我们布局的精确控制,以尽可能简单的语法。

W design values every chance to work with you.