CSS Logical Properties, by @cferdinandi:
CSS Logical Properties, by @cferdinandi:
#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
Support Logical Shorthands in CSS, by @geoff (@csstricks):
#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
@cheeaun Here they are in alphabetical order. 🤭
```
border-end-end-radius
border-end-start-radius
border-start-end-radius
border-start-start-radius
```
the what `border-start-start-radius` https://developer.mozilla.org/en-US/docs/Web/CSS/border-start-start-radius
#Emmet って #LogicalProperties 対応してないっぽい気がする。
そもそも #Emmet がもう古いソリューションなのか
たいてい `inline` `block` というワードはプロパティの最後につくと思っていたけど、 `width` `height` に変わる `size` だけは `inline-size` `block-size` みたいに頭につくの、地味な罠だな
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values/Sizing
@chriscoyier Thought you might be interested in this VS Code extension which identifies opportunities to use CSS Logical Properties, underlining "old" syntax and offering a "quick fix", or it can do a straight out replacement operation.
https://marketplace.visualstudio.com/items?itemName=coderfin.logical-properties
#Development #Reviews
Modern CSS in real life · New CSS things that really matter to real-world development https://ilo.im/13f8e7
_____
#WebDevelopment #WebDev #Frontend #CSS #LogicalProperties #CssFlexbox #CssGrid #CssSubgrid #ContainerQueries #CascadeLayers #ColorModel #OKLCH #Gradients #ViewTransitions
#Development #Techniques
6 CSS snippets every front-end developer should know in 2023 · Toolbelt worthy, powerful, and stable CSS you can use today https://ilo.im/11pa5a
_____
#WebDevelopment #WebDev #Frontend #CSS #ContainerQueries #ScrollSnap #CssGrid #CascadeLayers #LogicalProperties
Deploying CSS Logical Properties On Web Apps - You may have already heard of CSS logical properties or RTL adaptations but are still deciding... https://www.smashingmagazine.com/2022/12/deploying-css-logical-properties-on-web-apps/ #Front #CCS #LogicalProperties by @Nico3333fr@twitter.com
◾️ Logical Border Radius
by Michelle Barker
@MicheBarks at @CSSInRealLife
#css
#logicalproperties
#webdev
Since @alcinnz appears to collect #CSS articles, here's one about #LogicalProperties as #ProgressiveEnhancement :