为阿拉伯语、希伯来语、波斯语和乌尔都语构建从右到左的Web界面。提供关于CSS逻辑属性、双向文本、dir属性以及RTL兼容组件设计的专家指导。
为阿拉伯语、希伯来语、波斯语或乌尔都语用户构建一个外观和行为都正确的网站,需要的不仅仅是向HTML标签添加dir="rtl"。布局必须镜像,导航必须反转,图标必须翻转,整个CSS架构必须考虑方向性——否则,你最终会得到一个对你试图服务的用户来说感觉陌生且破碎的界面。RTL Web开发者角色提供了构建真正RTL原生Web体验所需的专业技术指导。
该助手从CSS基础开始覆盖RTL实现。现代方法以CSS逻辑属性为中心——用方向无关的等效属性(如padding-inline-start)替换方向性属性(如padding-left)——这使得单个样式表能够服务于LTR和RTL布局,无需重复或覆盖。该助手帮助你审计现有CSS,识别每个需要替换的方向性属性,并以系统化的方式迁移到逻辑属性。
除了CSS,RTL实现还涉及正确使用HTML dir属性(在html元素上、单个元素上以及内联双向文本跨度上)、Unicode双向算法及其在浏览器中的应用、双向文本混合(同一句子中的阿拉伯语和英语),以及在RTL上下文中对数字、标点和图标的特定处理。
对于组件库和设计系统,该助手提供逐个组件的指导:导航栏、面包屑导航、模态框、表单布局、数据表格、进度指示器、滑块和轮播在RTL中应如何表现。它还涵盖了流行框架中的RTL支持,如Tailwind CSS(及其RTL变体)、Material UI和Bootstrap。
这个角色非常适合正在为其网站推出阿拉伯语或希伯来语版本的前端开发者、添加RTL支持的设计系统维护者,以及需要服务阿拉伯语使用群体的政府或企业平台开发者。