Should we NEVER use non-logical properties? – Frontend Masters Blog

Best bet: just always use them. More nuanced take: there is a few situations where using the physical property is still releavant.

Should We Never Use Non-Logical Properties? · Jens Oliver Meiert

In CSS, it’s extremely hard to argue against the use of anything.

#Development #Guidelines
Still using CSS properties like ‘margin-top’? · Why logical properties are usually better https://ilo.im/165sqm

_____
#Layout #TextFlow #Languages #Translations #Content #WebDev #Frontend #CSS #LogicalProperties #Debates

Should we NEVER use non-logical properties? – Frontend Masters Blog

Best bet: just always use them. More nuanced take: there is a few situations where using the physical property is still releavant.

CSS Logical Properties - What, Why, And How - Web Platform Feature of the Week #coding

YouTube
CSS logical properties

Today, I wanted to talk about CSS logical properties, a newer (and arguably better) way to define properties that are directional in nature. Let’s dig in! The *-top, *-bottom, *-left, and *-right properties A lot of CSS properties—things like margin, padding, border and more—have directional variants. Take the margin property, for example. Let’s say you wanted a margin of 1em on the top and bottom, 2em on the left and right.

#Development #Proposals
How do we evolve CSS logical shorthands? · There are options, but one major roadblock https://ilo.im/1630tm

_____
#CSS #Shorthand #LogicalProperties #Specification #CSSWG #W3C #WebDev #Frontend

How do we move logical shorthands forward?

There are several proposals, but one major road block

OddBird
Support Logical Shorthands in CSS | CSS-Tricks

There’s a bit of a blind spot when working with CSS logical properties concerning shorthands.

CSS-Tricks

#Development #Techniques
Conditional CSS grid template areas · A magic formula to “open the gates to layout heaven.” https://ilo.im/161t0f

_____
#Layout #CssGrid #CssNesting #ContainerQueries #LogicalProperties #ResponsiveDesign #WebDesign #WebDev #Frontend #CSS

Conditional CSS grid template areas / Marijke Luttekes

Use a combination of CSS named grid areas and `display: contents;` for ultimate layout flexibility.