Internationalization of Cloudflare Products

12/16/2024

This post details the technical implementation of internationalization and localization for Cloudflare Radar. It covers the process of externalizing hard-coded strings using `react-i18next`, the use of pseudo-translation to identify remaining hard-coded strings, and strategies for handling text expansion and string concatenation issues to ensure a robust and user-friendly localized experience across multiple languages.

9/29/2021

This post introduces the availability of dark mode for the Cloudflare Dashboard. It highlights how the existing Cloudflare Design System, with its structured color scales and component library, enabled the rapid implementation of dark mode by simply reversing luminosity scales. The post also details the iterative process of refining the dark mode experience, including adjusting background colors for better contrast and user comfort, and ensuring all UI elements and their states were properly audited for accessibility and visual consistency.

7/23/2020

This post details the technical implementation of internationalizing the Cloudflare dashboard. It covers externalizing strings into translation catalogs, handling dynamic data injection using a `<Trans>` component, managing pluralization with `smart_count`, and injecting arbitrary components into translations. It also discusses the challenges of content width differences and the introduction of pseudolocalization for development and design.

4/10/2012

Introduced direct support for International Domain Names (IDNs) in the Cloudflare interface, allowing users to register and manage domains using non-Latin characters. Previously, only Punycode representations were supported. Also upgraded the entire UI to support the full UTF8 character set, removing past restrictions on Latin characters in forms.