CSS Logical Properties: It is SO important we start using this

Показать описание

Ever wondered how your web designs would look to users who read from right-to-left or in vertical modes? If the thought never crossed your mind, you're not alone. Until now, supporting different reading directions was often an afterthought, if considered at all, and required extra effort that many developers couldn't invest.

But get ready for a game-changing revelation – CSS Logical properties! In this video, we'll introduce you to a modern approach that automatically handles reading direction support. With logical properties, your designs will effortlessly adapt to diverse writing directions. Join me in diving into the power of CSS Logical properties and empower you to create web experiences that cater to all users, regardless of their preferred reading direction!

👀 Timestamps
00:00 - Intro
01:04 - What we'll be building
02:30 - Theoretical background of logical properties
04:10 - List of all new properties
05:18 - Start converting our example to logical properties
06:42 - We really start coding here
18:36 - Comparing the two versions with each other
19:45 - Outro
20:36 - What about Tailwind?
21: 00 - Outro part 2 ;)

#html #css #logicalproperties #accessibility #a11y #frontend #frontendfyi