Lea Verou关于CSS的未来等等

作者: Monica Porter
创建日期: 13 行进 2021
更新日期: 17 可能 2024
Anonim
Miriam Suzanne - Container Queries & The Future of CSS
视频: Miriam Suzanne - Container Queries & The Future of CSS

本文的编辑版本首次出现在.net杂志225版中,这是面向网页设计师和开发人员的全球最畅销杂志。

@twostepmedia:繁重的工作应该在网页的什么地方进行?在前端还是后端?
Lea Verou:我坚决支持在客户身上竭尽所能。当您的代码在客户端上运行时,无论您的项目有多成功,它总是必须处理一台机器。

如果您的项目成功,则您在服务器上编写的任何内容都可能需要每秒运行数千次,因此,随着站点的增长,对其进行维护和扩展变得越来越具有挑战性。更不用说托管费用的增加了,很少能从网站的收入中完全弥补。当然,许多客户端逻辑可以使站点加载缓慢,但是我们有避免这种情况的工具,例如gzipping和混淆,最重要的是,延迟加载。

@komiska:您的工作真棒!谁激励您走技术路线?
LV:谢谢!我不认为这是受到某人启发的问题。自从我记得自己以来,我就喜欢做东西。小时候,我曾经用厨房海绵纸巾做钱包和手袋!


大约12岁时,我发现编程比手工制作使我可以更轻松,更专业地构建有用的东西。这让我非常着迷,以至于我立即爱上了编程,并不断努力去做得更好。

@jelmerdemaat:@LeaVerou是如何创建@dabblet的?用什么PHP框架/其他后端技术?最困难的部分是什么?
LV:Dabblet没有任何数据库,并且所涉及的服务器端代码很少。一个小的PHP仅用于OAuth,并生成一个结果页面以共享它,而周围没有任何模糊的镶边(对于错误报告测试用例很有用)。正如您在其Github统计数据中所看到的那样,PHP仅占涉足内容的3%。其他一切都是在客户端。这有助于避免jsfiddle的情况:jsfiddle在服务器上执行所有操作,因此,既然成功了,它的服务器负载就会急剧增加,并且变慢。

@_dte:对您来说,最令人兴奋的CSS功能是什么?
LV:当然可以滤除效果。它们使我们能够做以前不可能完成的事情,而不仅仅是艰苦的事情。我对布局模块不是很兴奋,因为a)我们将要使用它们已经过时了,因为它们根本不会优雅降级,并且b)总是可以进行布局,只是不必要地困难。当然,新的布局模块也非常重要,但这并不是让我兴奋的事情。


我对视口的相对单位也非常满意 大众h 和CSS3扩展 attr() 使我们能够使用的功能 attr() 在每个属性中。

我也很想看看Opera实施之外的其他浏览器 对象拟合对象位置,这样我们就可以停止使用背景技巧来将图像裁剪为不同的宽高比。

@gpirie:您想看到CSS中引入了哪些功能?
LV:A 当前的() 该函数可让您引用其他属性的计算值。就像一个概括 currentColor (这将成为以下内容的别名 当前(颜色))。当然,实现这样的事情非常棘手,但是现实并不会阻止我做梦!

@kevdog:最常见的三个CSS错误是什么?
LV:我看到的最常见的CSS错误是,人们在对CSS进行编码时会着重于结果,而不是关注干净,可维护,灵活的代码(而且他们很少重构)。某些事情不仅重要 看起来 现在,具有一定的背景,一定的环境和一定的规模。它应该能够 适应 轻松更改,而不必以不可预测的方式重写有关它的每条规则。


您可能会认为自己永远都不会改变,但是只要有足够的时间,几乎可以肯定您会被证明是错误的。 CSS预处理器可以帮助您。它们是轻松的出路,但肯定比草率的重复性代码要好。

另一个错误是过于冗长的CSS。人们不了解默认设置,因此他们不断对其进行重新定义。他们不知道速记功能,因此他们继续定义速记属性。在某些情况下,您必须故意做这些事情,但这并不是在所有事情上都采取防御措施的理由。

@kevdog:如果您可以更改CSS规范中的一件事,那会是什么?
LV:有很多建议,CSSWG中的几乎每个人都同意,但是由于打破了网络上现有的广泛使用而无法添加。通常,WG要么完全拒绝这些行为,要么添加更多属性来控制行为,而不是更改默认值。我希望看到一种方法,可以选择接受向后不兼容的更改,以使现有网站不会中断。其他语言早在很早以前就解决了这个问题,但是对于HTML和CSS,我们一直在为向后兼容而努力,以保持良好的语言设计成本。

@StuRobson:您认为开发人员在不了解其功能的情况下随意使用框架或样板工作是懒惰的吗?
LV:不,但是我认为开发人员在没有个人需要的情况下使用框架或样板很懒,只是因为其他所有人都这样做。尝试解决您尚未遇到的问题会适得其反。

@folktrash:“名人”发生在什么时候?你怎么知道?它有助于或阻碍宣传代码质量/语义吗?
LV:谢谢,但我不确定是否可以这样称呼我。每个人都倾向于认为他们听说过的人比不知道的人更知名。因此,每个人都有一种自然的趋势,那就是高估自己的名声,当您意识到这种现象时,需要人为地(几乎是盲目地)保持平衡。我们还需要记住,我们行业中没有人真正是名人,没有人是家喻户晓的名字。

也就是说,2011年真是太疯狂了,很明显,我对自己的工作有了更多的认可,这是我所希望的。它无疑有助于宣传Web标准。当我现在说些什么时,人们比一年前更加关注。但是,这样做的代价是我对这些事情进行了过分分析,人们可能对它们读得太多,并且因为认为我什至从未考虑过的观点而抨击我。或有时,只是为了有观点而已。

@Tawreh:你为什么对这个行业的女性如此狂热?我了解平等的必要性,但是天哪,您将其推向了极致。
LV:我第一次听到“极端平等”之类的话。平等永远不会是极端的,我怀疑有人会为诸如种族主义之类的其他歧视而说类似的话。这是极端的“反向歧视”或“纠正偏见”,我对此表示强烈反对。

就是说,我对行业中的女性根本不是“狂妄”,而是对规定的性别陈规定型观念“狂热”。我几乎从未在我们的行业中看到性别歧视,似乎人们很早以前就已经吸取了教训。我认为女性在我们行业中的参与度低并不是因为她们不再受欢迎。正是我们性别社会的其余部分驱使妇女脱离了工程学领域。小女孩玩的玩具不像男孩玩具那样鼓励他们发展自己的认知能力。儿童电影和玩具是性别刻板印象最糟糕的延续,我几乎对它没有兴趣。每个人似乎都将精力放在成年人身上,而不是避免首先犯错误,而不是避免犯错。

@komiska:字体粗细会有过渡吗?
LV:引用规范中的注释,“不是那么简单”。大多数属性没有足够的权重来平滑过渡,并且浏览器无法生成中间状态,因为无法用CSS表示它们。也就是说,我们可能最终会扩展 淡入淡出() 从CSS4 Image Values应用于所有CSS值,而不仅仅是图像,它可以解决大多数过渡问题,并为我们提供了可以静态使用的强大工具。

受到推崇的
Creative Cloud 2014即将到来
发现

Creative Cloud 2014即将到来

以Creative Cloud徽标为模板,分为48个“平铺”,每个图块将由不同的艺术家设计。该公司表示:“完成的作品将表达Creative Cloud无限的可能性。”到目前为止,尚未设计(或至少已发布)许多瓷砖,但迄今为止展示的瓷砖包括Alexandra Dupey的摄影作品,Alexey Romanow ky的几何图案,Craig Ward的未来派黑白作品以及令人惊叹的3D安东尼·图迪...
多米尼克·马丁(Dominik Martin)退出设计学院
发现

多米尼克·马丁(Dominik Martin)退出设计学院

多米尼克·马丁(Dominik Martin)是2014年网络大奖的10项年度新兴人才提名之一。他是一位自学成才的网页设计师,目前在慕尼黑的一家代理商工作。我们询问他以了解更多信息。我非常喜欢视觉设计部分。我花了数夜在前端编码升咖啡,但是每次我回到UI和UX时。两三个月前,我辍学了设计学校,因为那感觉就像是在浪费我的时间。由于我已经担任自由设计师大约三年了,所以他们正在教我一些我已经知道...
自由职业:减少税收
发现

自由职业:减少税收

自从我成为自由职业者以来,我的会计系统发生了很大变化,主要是因为我现在实际上已经拥有一个系统。没有一个开始。那年我买了什么?我不知道有人告诉我,我需要为此索赔。我的回答是:“呃,什么?”在我的第一年,税收只是我不了解的东西。大多数以前做过PAYE工作的人习惯于每月查看工资单,想知道他们所有的钱都去了哪里。当您自己负责所有事情时,情况就完全不同了。 我的女儿每个月都要在我的文件柜里换一个信封,每个月...