社区亮点:Chen Hui Jing

Chen Hui Jing 是一位自学成才的设计师和开发者,居住在新加坡。我向她介绍了 CSS,尤其是非英语写作系统。

此帖子来自 Designcember。这是一场 Web 设计的盛典,由 web.dev 为你奉上。

陈慧晶在舞台上在展示滑梯的大屏幕前讲话。

Chen Hui Jing 是一位自学成才的设计师和开发者,居住在新加坡,她非常喜欢 CSS,她的博客(主要是关于 CSS)和她的推文(主要与排版和网络有关)就证明了这一点。她以前是全职打篮球,在训练间歇的休息时间开始了自己的网络职业生涯,并希望有朝一日能够参加户外攀登。我向她介绍了 CSS,尤其是非英语写作系统。

Rachel:您从事网页设计和开发的经历是什么?

Hui Jing:当我住在宿舍里的时候,全日打篮球的时候,我比同龄人更多地使用电脑,我的教练(祝福他)认为我可以对多年来没有更新的协会网站做一些事情。我对 Web 开发一无所知,但我觉得自己有足够的空闲时间来研究开发。它比我想象的更快乐,多年后,我依然在这里。

Rachel:尤其是你是如何涉足 CSS 的?

Hui Jing:我天生很有视觉冲击力,有“指示”能力我会立即看到这对我很有吸引力的屏幕反映出来。对我而言,这比应用的编程逻辑更直观。在 CSS 领域发展开始快速发展的那时候,我对网络充满了热情,因此有许多实验性属性并未得到广泛使用。能够发现鲜有人知的新功能,这感觉非常令人兴奋。

使用垂直书写模式

Rachel:您已经撰写了很多有关 CSS 中的垂直书写模式的文章,以及在使用垂直书写时发现的有趣 bug。你有最喜欢的虫子吗,我们都应该去给它们加星标?

Hui Jing我今年 5 月份回来查看时,发现有一些问题,但大部分问题都没有解决,只有一个:Chromium 遇到 Devtools 叠加层在纵向书写模式下的问题。我认为,这证明了这种长期的浏览器更新周期在真正推动 Web 开发的发展。

Rachel:很高兴得知这些问题正在得到解决。您认为除了直接排版竖排文本之外,使用写作模式还有其他更多应用场景吗?

Hui Jing:好的,当然可以。虽然排版东亚文字是书写模式的主要用例,但我认为其他书写系统可以利用书写模式来实现垂直布局,就像我们在平面杂志中经常看到的风格一样。在我看来,CSS 属性的组合是 CSS 如此强大的原因,因此写作模式与 Flexbox 和网格一起为我们提供相当多的布局方向排列方式,从页面级框到文本中的单个字符。我认为随着人们认识到网页设计的发展潜力,这带来了无限可能和更多的创造力。我希望在几年前还无法想象到网络上的布局和设计。

Rachel:经常被问及,我认为大家现在应该使用逻辑属性和值,还是会成为默认属性。您会如何回答?

Hui Jing:个人而言,我希望它能成为默认选项,因为从实际的角度来看,这会大大简化多脚本网站开发工作。至于它是否会成为默认行为,这个问题的答案就很难了。

逻辑属性所面临的一个挑战在于,它会“替换”一种已经使用了多年的成熟语法,而且近年来对非默认脚本的支持(从上到下)只是有所改善。网络内容主要使用英语,因此在本文中不太适合使用逻辑属性。我认为,如果更积极地推动非英语用户使用其各自的语言制作网页内容,将有助于推进这一事业。此外,如果支持多种语言变得更加优先,使用逻辑属性的价值将更加明显。

CSS 中的新功能

Rachel:您希望向 CSS 中添加哪些特性或功能?

Hui Jing:我关注 Miriam Suzanne 的容器查询工作已有一段时间,规范中尚未针对 Style 和 State 容器功能制定的部分非常令人振奋,因为它们确实拓展了自适应设计的概念。我们的设计和布局可能不只是针对视口的大小做出响应。因此,我们希望包含不同浏览器供应商能够达成共识的包容模块,并且我们在不久的将来可以对此提供更广泛的支持。

激励用户关注

Rachel:目前还有哪些人在网上做非常有趣、好玩或有创意的工作?

Hui Jing:我一直被 CSS 艺术工作者吸引。很多人都是我多年的粉丝,比如 Yuan Chuan 和他的生成式 CSS 作品,Ben Evans 非常喜欢引人入胜的 CSS 艺术作品,Ana Tudor 则是对高超技巧的深入探讨。 最近,我发现 Julia MioceneJackie Zen 的 Codepens 也具有精美的 CSS 动画。

Rachel:您可以在 Chen Hui Jing 的网站 chenhuijing.com 上了解更多信息。