The Web Is Not Just Left-to-Right
summary
Claims that vertical and mixed-direction typography is practical on the web using real CSS features: writing-mode and text-orientation for vertical text, CSS Grid and Flexbox for layout, CSS transforms and logical properties for styling, feature queries for progressive enhancement. Demos include vertical “pencils,” trading cards, a six-by-six grid with overlaps, CSS shapes and blend modes; historical support dates (IE 5.5, Chrome 2010, Firefox 2015) and adoption figures for Grid (75% by October, ~87% today) show it works.
AI-written summary · about
chapters (14)
- 0:00Introduction to Typography
- 1:12Defining Writing Systems
- 3:01Conciseness in Chinese
- 5:20Evolution of Script Forms
- 7:33Typography on the Web
- 9:27Vertical Layout Exploration
- 12:29Implementing Vertical Text
- 14:46Writing Modes Specification
- 17:37CSS Logical Properties
- 18:45Flexbox for Layout
- 20:45CSS Grid Overview
- 23:20Advanced Grid Techniques
- 25:41Feature Queries and Support
- 27:06Browser Evolution and Closing
related talks
31mWhen East Meets West, Web Typography and How It Can Inspire Modern Layouts
48mThe web is ready for great graphic design
30mWhen East meets West: web typography and how it can inspire modern layouts
31mEmbrace the Vertical
51mWeb Design Engineering With the New CSS
45mThe web is ready for great graphic design
31mEast Meets West: Web Typography and Modern Layouts
20mReimagining web layout for accessible multilingual content