Recent searches

No recent searches

Search options

Only available when logged in.
mstdn.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A general-purpose Mastodon server with a 500 character limit. All languages are welcome.

Administered by:

Server stats:

11K
active users

mstdn.social: AboutStatusProfiles directoryPrivacy policyTerms of service

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.4.1

#LogicalProperties

1 post1 participant0 posts today
Frontend Dogma<p>CSS Logical Properties—What, Why, and How, by <span class="h-card" translate="no"><a href="https://social.themyceliumnetwork.community/@schalkneethling" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>schalkneethling</span></a></span>:</p><p><a href="https://www.youtube.com/watch?v=Ty2LloukAr4" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/watch?v=Ty2LloukAr4</span><span class="invisible"></span></a></p><p><a href="https://mas.to/tags/videos" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>videos</span></a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mas.to/tags/logicalproperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>logicalproperties</span></a></p>
Frontend Dogma<p>CSS Logical Properties, by <span class="h-card" translate="no"><a href="https://mastodon.social/@cferdinandi" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>cferdinandi</span></a></span>:</p><p><a href="https://gomakethings.com/css-logical-properties/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">gomakethings.com/css-logical-p</span><span class="invisible">roperties/</span></a></p><p><a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mas.to/tags/logicalproperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>logicalproperties</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Proposals" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Proposals</span></a><br>How do we evolve CSS logical shorthands? · There are options, but one major roadblock <a href="https://ilo.im/1630tm" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1630tm</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/Shorthand" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Shorthand</span></a> <a href="https://mastodon.social/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LogicalProperties</span></a> <a href="https://mastodon.social/tags/Specification" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Specification</span></a> <a href="https://mastodon.social/tags/CSSWG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSSWG</span></a> <a href="https://mastodon.social/tags/W3C" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>W3C</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Frontend Dogma<p>Support Logical Shorthands in CSS, by <span class="h-card" translate="no"><a href="https://front-end.social/@geoff" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>geoff</span></a></span> (<span class="h-card" translate="no"><a href="https://mastodon.social/@csstricks" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>csstricks</span></a></span>):</p><p><a href="https://css-tricks.com/support-logical-shorthands-in-css/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">css-tricks.com/support-logical</span><span class="invisible">-shorthands-in-css/</span></a></p><p><a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mas.to/tags/logicalproperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>logicalproperties</span></a> <a href="https://mas.to/tags/shorthands" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>shorthands</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Techniques</span></a><br>Conditional CSS grid template areas · A magic formula to “open the gates to layout heaven.” <a href="https://ilo.im/161t0f" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/161t0f</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Layout</span></a> <a href="https://mastodon.social/tags/CssGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssGrid</span></a> <a href="https://mastodon.social/tags/CssNesting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssNesting</span></a> <a href="https://mastodon.social/tags/ContainerQueries" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ContainerQueries</span></a> <a href="https://mastodon.social/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LogicalProperties</span></a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
pablolarah<p>🔵 Logical Properties in Size Queries</p><p>by Michelle Barker</p><p><span class="h-card" translate="no"><a href="https://front-end.social/@michelle" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>michelle</span></a></span> </p><p><a href="https://mastodon.social/tags/MediaQueries" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MediaQueries</span></a> <a href="https://mastodon.social/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LogicalProperties</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> </p><p><a href="https://css-irl.info/logical-properties-in-size-queries/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">css-irl.info/logical-propertie</span><span class="invisible">s-in-size-queries/</span></a></p>
Matthias Zöchling<p><span class="h-card" translate="no"><a href="https://mastodon.social/@cheeaun" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>cheeaun</span></a></span> Here they are in alphabetical order. 🤭</p><p>```<br>border-end-end-radius<br>border-end-start-radius<br>border-start-end-radius<br>border-start-start-radius<br>```</p><p><a href="https://mas.to/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mas.to/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LogicalProperties</span></a></p>
Chee Aun 🤔<p>the what `border-start-start-radius` <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-start-start-radius" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/CSS/border-start-start-radius</span></a></p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LogicalProperties</span></a></p>
GENKI<p><a href="https://social.vivaldi.net/tags/Emmet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Emmet</span></a> って <a href="https://social.vivaldi.net/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LogicalProperties</span></a> 対応してないっぽい気がする。<br>そもそも <a href="https://social.vivaldi.net/tags/Emmet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Emmet</span></a> がもう古いソリューションなのか</p><p><a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
GENKI<p>たいてい `inline` `block` というワードはプロパティの最後につくと思っていたけど、 `width` `height` に変わる `size` だけは `inline-size` `block-size` みたいに頭につくの、地味な罠だな</p><p><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values/Sizing" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/CSS/CSS_logical_properties_and_values/Sizing</span></a></p><p><a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://social.vivaldi.net/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LogicalProperties</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Reviews" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Reviews</span></a><br>Modern CSS in real life · New CSS things that really matter to real-world development <a href="https://ilo.im/13f8e7" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/13f8e7</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LogicalProperties</span></a> <a href="https://mastodon.social/tags/CssFlexbox" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssFlexbox</span></a> <a href="https://mastodon.social/tags/CssGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssGrid</span></a> <a href="https://mastodon.social/tags/CssSubgrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssSubgrid</span></a> <a href="https://mastodon.social/tags/ContainerQueries" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ContainerQueries</span></a> <a href="https://mastodon.social/tags/CascadeLayers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CascadeLayers</span></a> <a href="https://mastodon.social/tags/ColorModel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorModel</span></a> <a href="https://mastodon.social/tags/OKLCH" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OKLCH</span></a> <a href="https://mastodon.social/tags/Gradients" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Gradients</span></a> <a href="https://mastodon.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ViewTransitions</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Techniques</span></a> <br>6 CSS snippets every front-end developer should know in 2023 · Toolbelt worthy, powerful, and stable CSS you can use today <a href="https://ilo.im/11pa5a" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/11pa5a</span><span class="invisible"></span></a> </p><p>_____<br><a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/ContainerQueries" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ContainerQueries</span></a> <a href="https://mastodon.social/tags/ScrollSnap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ScrollSnap</span></a> <a href="https://mastodon.social/tags/CssGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssGrid</span></a> <a href="https://mastodon.social/tags/CascadeLayers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CascadeLayers</span></a> <a href="https://mastodon.social/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LogicalProperties</span></a></p>
The whale<p>Deploying CSS Logical Properties On Web Apps - You may have already heard of CSS logical properties or RTL adaptations but are still deciding... <a href="https://www.smashingmagazine.com/2022/12/deploying-css-logical-properties-on-web-apps/" rel="nofollow noopener" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">smashingmagazine.com/2022/12/d</span><span class="invisible">eploying-css-logical-properties-on-web-apps/</span></a> <a href="https://framapiaf.org/tags/Front" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Front</span></a> <a href="https://framapiaf.org/tags/CCS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CCS</span></a> <a href="https://framapiaf.org/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LogicalProperties</span></a> by @Nico3333fr@twitter.com</p>
pablolarah<p>◾️ Logical Border Radius <br>by Michelle Barker<br>@MicheBarks at @CSSInRealLife <br><a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a><br><a href="https://mastodon.social/tags/logicalproperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>logicalproperties</span></a> <br><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> </p><p><a href="https://css-irl.info/logical-border-radius/" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">css-irl.info/logical-border-ra</span><span class="invisible">dius/</span></a></p>
Ryuno-Ki<p>Since <span class="h-card"><a href="https://floss.social/@alcinnz" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>alcinnz</span></a></span> appears to collect <a href="https://layer8.space/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> articles, here's one about <a href="https://layer8.space/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LogicalProperties</span></a> as <a href="https://layer8.space/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProgressiveEnhancement</span></a> :</p><p><a href="https://adactio.com/journal/19487" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="">adactio.com/journal/19487</span><span class="invisible"></span></a></p>
TrendingLive feeds
About