1994年,哈坤·利首度明确提出了CSS,到为止早已往后了近30年。十多年里,CSS出现了巨大变动的变动,2021年前夕CSS的情形怎样呢?下列是调查报告文本。
取样相关人员原产
沿海地区
此次调查报告投书相关人员主要就源自美国、白俄罗斯、新西兰、葡萄牙、瑞典、立陶宛和新西兰等北欧国家,进行调查相关人员原产在全世界。
年纪
进行调查样品的年纪原产主要就分散在24-34岁。
组织工作实战经验
此次进行调查的受调查者大多数是有5-20年组织工作实战经验的相关人员。
优点采用情形概要
右图依照进行分类分割,表明了各式各样优点的T8100。内圈的体积代表者了介绍那个优点的用户数, 而内圈的体积代表者了前述采用那个优点的用户数。
产业布局
受调查者更喜欢采用什么产业布局方式进行元素产业布局呢?讲到产业布局,大多数人就会想到Flex产业布局,从下表可以看出来,确实几乎所有受调查者都采用了Flexbox。CSS Flexbox产业布局模块可以更轻松地设计灵活的响应式产业布局结构,而无需采用浮动或定位,此外,所有现代浏览器均支持Flexbox属性。
在今年的进行调查中,Grid上升的趋势依然很快。 Flex产业布局是一维产业布局,Grid产业布局是二维产业布局。Flex产业布局一次只能处理一个维度上的元素产业布局,一行或者一列。Grid产业布局是将容器分割成了“行”和“列”,产生了一个个的网格,有不少人认为,Grid比Flex更强大。
图形与图像
从下面的图表可以看出,Shape似乎一直不温不火,相比2020年的进行调查,Shape的采用程度有所下降。object-fit看起来受到了受调查者的欢迎,object-fit CSS属性指定可替换元素的文本应该怎样适应到其采用的高度和宽度确定的框,轻松地解决了图片的适配问题。
交互
采用者通常都怎样进行页面交互呢?进行调查表明,pointer-events 最常用,pointer-events CSS属性指定在什么情形下 (如果有) 某个特定的图形元素可以成为鼠标事件的target。CSS滚动捕捉可以用来创建一个可滚动的容器,防止滚动时出现尴尬的滚动位置,创建更好的滚动体验。今年最新加入进行调查的scroll-timeline看起来还没什么人熟知。
有删减,欢迎大家移步到原调查报告。
Web开发相关人员和Polypane的创建者Kilian Valkhof对这次的进行调查进行了总结,他表示,CSS早已作出了一些备受欢迎的改进。对于那个充满变动的时期他非常激动,他写道:“2022年,你编写CSS的方式很可能要从根本上改变了。这是一个难以置信又激动人心的时期,我们期待着来年所有令人惊叹的变动。”
值得注意的是,由于时间不够,2021年JavaScript情形进行调查延后到2022年1月。