Lightning Talk: – Language in язык in שפראך in 語言
summary
Shows how to render nested multilingual text correctly using HTML lang attributes and CSS rather than extra span wrappers or classes. Explains using the CSS quotes property and parent-combinator selectors so inner quotation marks inherit outer language context, when to use translate="no" and when !important is pragmatic, and demonstrates English/Polish/German examples while noting browsers pick fonts by code point but need explicit language cues for proper punctuation.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:17Multilingual web pages
- 3:29Language in markup
- 4:10Quotes in languages
- 6:19Prevent quotes translating
- 7:25Contextual quote styling
- 8:12Nested quotes inheritance
- 9:22Fix quotes with combinator
- 10:04Quotes and readability
- 11:28Language declaration tips
- 12:14Conclusion
related talks
35mCSS for internationalisation
35mEnter Frontend Localization - Pitfalls and Solution Approaches
29mWeb typography: a non-English perspective
20mReimagining web layout for accessible multilingual content
19mLine breaking
39mThink globally, act locally with i18n on the web
28mi18n, l10n & Principles for a More Accessible Web
50mTypesetting for a Global Web