Intl is Your Superhero
summary
Covers the actual ECMAScript Intl methods with live demos: using DateTimeFormat and formatRange to collapse identical dates, RelativeTimeFormat for “tomorrow” vs “in 24 hours,” and durationFormat (note: not supported in Firefox) to render 28 hours 19 minutes. Shows number formatting with compact notation (limits at 999 trillion), list and plural rules, and Locale-aware Segmenter. Ships a progressive‑enhanced sales table on CodePen with tooltips for full values and links to MDN and the Intl Explorer playground.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 1:09What is Intl API
- 2:22Intl API capabilities
- 7:50Detecting user language
- 8:13Date formatting basics
- 13:53Date range formatting
- 16:02Relative date formatting
- 19:17Duration formatting
- 26:11Number formatting
- 38:04List formatting
- 40:34Plural formatting
- 45:14String segmentation
- 47:48Real-world demo
- 50:39Resources and Q&A
related talks
43mJavaScript apps go Int(ernationa)l
31mJavaScript Apps Go Intl
19mInternationalize your web apps
19mLost in Translation? Intl, the Rosetta Stone of Web Development
24mINTL: The best browser API you’re not using
28mFormat data and strings in any language with FormatJS and react-intl
26mThe State of the Art in Localization
42mData Visualizations and Internationalization