人们不使用CSS新功能的5个原因

简介:

云栖号资讯:【点击查看更多行业资讯
在这里您可以找到不同行业的第一手的上云资讯,还在等什么,快来!


尽管每年都会开发和发布新的CSS特性和属性,但web开发人员很少学习它们或在他们的项目中使用。

这是一个问题,因为CSS工作组(维护和改进CSS规范的开发人员团队)通过查看这些新功能的采用率来衡量成功与否。

这是一个鸡生蛋还是蛋生鸡的问题。如果社区不采用和实现新特性,工作组就不会费心维护它们。另一方面,如果工作组不努力改进特性,用户可能不会采用它们。

但是,如果我们都同意认为更新JavaScript和React代码很重要,那么为什么我们倾向于认为不值得花精力更新CSS?让我们来探索一些可能的原因,为什么人们在2020年没有使用新的CSS功能。

1.实施新的CSS功能需要付出一定的代价

实现CSS特性需要花费开发人员的时间,这将影响项目所有者的底线。你的客户可能认为你最好将时间花在优化其他特性上。
你可以尝试寻找浏览器不支持的功能的替代方法,但是与JavaScript不同,JavaScript使用Babel来完成这项工作,而CSS则没有提供这样的功能。

2.CSS要精益求精,这不是优先事项

一个新项目可能只有一些CSS规则,但是随着它的发展和扩展,你的小CSS规则很快就会变成一个纠结的意大利面怪物。CSS必须精简且易于理解,因此通常最好使用已经可以投入生产的稳定功能。

大多数网站甚至在早期阶段都不使用CSS,因为他们可以使用Bootstrap,然后就结束了。只有在它获得一些吸引力之后,利益相关者才会考虑开发一种更符合他们品牌的定制风格。即便如此,通常还有比升级CSS更紧迫的任务。

3.如果还没有坏,为什么要修复它?

编写CSS的主要目标是描述你的网站的表现形式,使其美观和易于理解。CSS通过控制两件事来帮助开发人员实现这个目标:布局和设计。布局(Layout)描述列和行,而设计(design)指颜色、字体、间距、动画和边框。

我想我们都同意CSS的当前状态已经很好地处理了这些问题。当然,有些部分可以进行更好的优化,但是一天只有那么几个小时。当您有空闲时间时,你有多大可能专注于优化CSS而不是其他事情?只要它没有损坏,为什么要修复它?

4.跟上CSS很难

React和Vue定期举行社区会议,甚至JavaScript也会偶尔召开一次会议。那么CSS呢?你如何跟上它的发展并保持对新功能的了解?

CSS没有版本控制,也不需要。没有会议,就没有激情。人们根本不重视他们所使用的技术的发展。我们都忙于为客户开发应用程序。跟上CSS的唯一方法是阅读文档。但既然旧的技术已经足够了,为什么还要麻烦呢?

与框架和编程语言不同,CSS没有针对安全问题的补丁程序。至于设计本身,大多数客户只关心他们的网站看起来完全像他们想象的那样,开发人员没有足够的动力跟上CSS的发展。

5. CSS不是吸引人的投资

假设你在掌握CSS新功能方面付出了辛勤的工作,你如何向潜在客户或雇主证明这一点?您不能在履历表中加入“ CSS3以外的CSS”。 CSS3在CSS开发领域取得了巨大的成功,因为它迫使:

  • 浏览器厂商实现新的CSS支持
  • 开发人员提高他们的技能
  • 商业领袖更新他们的技术栈

巨大的需求带来了巨大的机会。发布书籍、课程和教程视频来帮助人们了解CSS3。还有一些布局模型,如Flexbox和Grid,尽管它们不是CSS3的一部分。

一些开发人员主张将所有新的CSS功能放在CSS4的旗帜下。但是,我们如何定义CSS4?我们包括或排除哪些模块?如果它没有对CSS3进行任何大的改动,社区甚至会采纳吗?对开发者来说,把时间花在其他更容易看到、更容易营销的东西上不是更好吗?

【云栖号在线课堂】每天都有产品技术专家分享!
课程地址:https://yqh.aliyun.com/zhibo

立即加入社群,与专家面对面,及时了解课程最新动态!
【云栖号在线课堂 社群】https://c.tb.cn/F3.Z8gvnK

原文发布时间:2020-04-09
本文作者:杜尼卜
本文来自:“掘金”,了解相关信息可以关注“掘金”

相关文章
|
前端开发
使用CSS
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 selector {declaration1; declaration2; ... declarationN } 选择器通常是您需要改变样式的 HTML 元素。
630 0
|
前端开发 JavaScript API
SAP UI5 使用 CSS 的一些注意事项
SAP UI5 使用 CSS 的一些注意事项
140 0
SAP UI5 使用 CSS 的一些注意事项
|
前端开发 JavaScript API
SAP UI5 使用 CSS 的一些注意事项
本节列出了 SAPUI5 中与 CSS 样式相关的一些最重要的规则。 SAPUI5 控件使用 CSS 进行样式设置,并且由于应用程序可以提供自己的 CSS,因此它们可以调整样式。 然而,这种适应越深,它们就越有可能与未来的 SAPUI5 更新或其他库和应用程序相关联。但如果我们遵循下面列出的规则,可以降低发生这种情况的风险。 Don’t override control class styling directly SAPUI5 不保证跨版本样式类名的稳定性。 如果样式类的命名在以后的版本中发生变化,样式规则将不再应用于目标元素。 此外,当应用程序在共享运行时环境
128 0
|
3天前
|
移动开发 HTML5
HTML5/CSS3粒子效果进度条代码
HTML5/CSS3进度条应用。这款进度条插件在播放进度过程中出现粒子效果,就像一些小颗粒从进度条上散落下来
15 0
HTML5/CSS3粒子效果进度条代码
|
6天前
|
移动开发 前端开发 JavaScript
:掌握移动端开发:HTML5 与 CSS3 的高效实践
:掌握移动端开发:HTML5 与 CSS3 的高效实践
22 1
|
12天前
|
缓存 移动开发 前端开发
【专栏:HTML与CSS前端技术趋势篇】HTML与CSS在PWA(Progressive Web Apps)中的应用
【4月更文挑战第30天】PWA(Progressive Web Apps)结合现代Web技术,提供接近原生应用的体验。HTML在PWA中构建页面结构和内容,响应式设计、语义化标签、Manifest文件和离线页面的创建都离不开HTML。CSS则用于定制主题样式、实现动画效果、响应式布局和管理字体图标。两者协同工作,保证PWA在不同设备和网络环境下的快速、可靠和一致性体验。随着前端技术进步,HTML与CSS在PWA中的应用将更广泛。
|
12天前
|
前端开发 JavaScript 开发者
【专栏:HTML与CSS前端技术趋势篇】前端框架(React/Vue/Angular)与HTML/CSS的结合使用
【4月更文挑战第30天】前端框架React、Vue和Angular助力UI开发,通过组件化、状态管理和虚拟DOM提升效率。这些框架与HTML/CSS结合,使用模板语法、样式管理及组件化思想。未来趋势包括框架简化、Web组件标准采用和CSS在框架中角色的演变。开发者需紧跟技术发展,掌握新工具,提升开发效能。
|
12天前
|
前端开发 JavaScript UED
【专栏:HTML 与 CSS 前端技术趋势篇】Web 性能优化:CSS 与 HTML 的未来趋势
【4月更文挑战第30天】本文探讨了CSS和HTML在Web性能优化中的关键作用,包括样式表压缩、选择器优化、DOM操作减少等策略。随着未来趋势发展,CSS模块系统、自定义属性和响应式设计将得到强化,HTML新特性也将支持复杂组件构建。同时,应对浏览器兼容性、代码复杂度和性能功能平衡的挑战是优化过程中的重要任务。通过案例分析和持续创新,我们可以提升Web应用性能,创造更好的用户体验。
|
12天前
|
移动开发 前端开发 UED
【专栏:HTML与CSS前端技术趋势篇】渐进式增强与优雅降级在前端开发中的实践
【4月更文挑战第30天】前端开发中的渐进式增强和优雅降级是确保跨浏览器、跨设备良好用户体验的关键策略。渐进式增强是从基础功能开始,逐步增加高级特性,保证所有用户能访问基本内容;而优雅降级则是从完整版本出发,向下兼容,确保低版本浏览器仍能使用基本功能。实践中,遵循HTML5/CSS3规范,使用流式布局和响应式设计,检测浏览器特性,并提供备选方案,都是实现这两种策略的有效方法。选择合适策略优化网站,提升用户体验。