BestHub
Sign in
Tagged articles
8 articles
Page 1 of 1
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 18, 2025 · Frontend Development

Comprehensive Guide to RTL Support in CSS and Frontend Development

This article explains the challenges of Right‑To‑Left (RTL) layout adaptation, compares three implementation strategies—including CSS logical properties, transform scaling, and manual RTL code—and demonstrates how tools like rtlcss, Tailwind, and Ant Design can automate or simplify RTL support for modern web projects.

Ant DesignCSSLogical Properties
0 likes · 20 min read
Comprehensive Guide to RTL Support in CSS and Frontend Development
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Mar 8, 2024 · Frontend Development

RTL Layout Adaptation Practices for Web Front-End Development

The guide outlines a direction‑based RTL adaptation workflow for web front‑ends—detecting language, setting the HTML dir attribute, using a lightweight helper, configuring postcss‑rtlcss (combined mode) to generate mirrored CSS, handling SSR and third‑party components, and providing a dev switch tool for seamless LTR/RTL support.

CSSRTLWeb Development
0 likes · 18 min read
RTL Layout Adaptation Practices for Web Front-End Development
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jul 27, 2022 · Mobile Development

iOS RTL (Right‑to‑Left) Language Adaptation: Challenges and Solutions

The article discusses challenges and solutions for adapting iOS apps to right‑to‑left languages like Arabic, covering UI mirroring, layout adjustments using leading/trailing constraints, image flipping, text alignment and attributed strings, Unicode direction controls, collection view handling, RTL‑aware insets, navigation gestures, number formatting, and in‑app language switching with practical code examples.

RTLSwiftUIKit
0 likes · 18 min read
iOS RTL (Right‑to‑Left) Language Adaptation: Challenges and Solutions
KooFE Frontend Team
KooFE Frontend Team
Feb 7, 2022 · Frontend Development

Master CSS Logical Properties for Seamless RTL Support

Modern CSS logical properties let developers write direction‑agnostic styles, replacing left/right and top/bottom values with start/end and block/inline equivalents, thereby simplifying RTL support, reducing duplicated code, and improving maintainability across browsers in modern web projects.

CSSLogical PropertiesRTL
0 likes · 9 min read
Master CSS Logical Properties for Seamless RTL Support
ByteFE
ByteFE
Jan 25, 2021 · Frontend Development

Technical Selection and Design Considerations for a Custom Front-End Component Library

This article outlines the decision‑making process for styling, icon, dark‑mode, RTL, and global configuration choices when building a custom front‑end component library, comparing Sass/Less, Atomic CSS, CSS‑in‑JS, various icon strategies, and implementation patterns for maintainability and scalability.

CSS-in-JSComponent LibraryDark Mode
0 likes · 18 min read
Technical Selection and Design Considerations for a Custom Front-End Component Library
Sohu Tech Products
Sohu Tech Products
Dec 9, 2020 · Mobile Development

iOS Layout Guidelines and Localization Techniques

This article explains essential iOS layout principles for internationalization, demonstrates Xcode’s preview and debugging tools, shows how to adapt interfaces for right‑to‑left languages, and provides code examples for dynamic type and automatic stack view orientation to ensure a seamless multilingual user experience.

Auto LayoutDynamic TypeRTL
0 likes · 13 min read
iOS Layout Guidelines and Localization Techniques
Ctrip Technology
Ctrip Technology
Jun 11, 2020 · Mobile Development

RTL Localization and Design Guidelines for Trip.com Arabic Site

This article details Trip.com’s comprehensive approach to adapting its mobile applications for Arabic users, covering cultural research, RTL design principles, mirroring rules, icon and typography handling, as well as platform‑specific technical solutions for Android, iOS, and React Native.

AndroidDesignMobile Development
0 likes · 14 min read
RTL Localization and Design Guidelines for Trip.com Arabic Site