Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
mastodon.world is one of the many independent Mastodon servers you can use to participate in the fediverse.
Generic Mastodon server for anyone to use.

Administered by:

Server stats:

9.8K
active users

mastodon.world: AboutStatusProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.7

#LogicalProperties

0 posts0 participants0 posts today
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Proposals" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" 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 noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/Shorthand" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Shorthand</span></a> <a href="https://mastodon.social/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LogicalProperties</span></a> <a href="https://mastodon.social/tags/Specification" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Specification</span></a> <a href="https://mastodon.social/tags/CSSWG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSSWG</span></a> <a href="https://mastodon.social/tags/W3C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>W3C</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" 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 noreferrer" target="_blank">@<span>csstricks</span></a></span>):</p><p><a href="https://css-tricks.com/support-logical-shorthands-in-css/" rel="nofollow noopener noreferrer" 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 noreferrer" target="_blank">#<span>css</span></a> <a href="https://mas.to/tags/logicalproperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>logicalproperties</span></a> <a href="https://mas.to/tags/shorthands" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shorthands</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" 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 noreferrer" target="_blank">#<span>Layout</span></a> <a href="https://mastodon.social/tags/CssGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CssGrid</span></a> <a href="https://mastodon.social/tags/CssNesting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CssNesting</span></a> <a href="https://mastodon.social/tags/ContainerQueries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ContainerQueries</span></a> <a href="https://mastodon.social/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LogicalProperties</span></a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ResponsiveDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" target="_blank">@<span>michelle</span></a></span> </p><p><a href="https://mastodon.social/tags/MediaQueries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MediaQueries</span></a> <a href="https://mastodon.social/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LogicalProperties</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> </p><p><a href="https://css-irl.info/logical-properties-in-size-queries/" rel="nofollow noopener noreferrer" 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 noreferrer" 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 noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mas.to/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" 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 noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LogicalProperties</span></a></p>
GENKI<p><a href="https://social.vivaldi.net/tags/Emmet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Emmet</span></a> って <a href="https://social.vivaldi.net/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LogicalProperties</span></a> 対応してないっぽい気がする。<br>そもそも <a href="https://social.vivaldi.net/tags/Emmet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Emmet</span></a> がもう古いソリューションなのか</p><p><a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" 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 noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://social.vivaldi.net/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LogicalProperties</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" 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 noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/ContainerQueries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ContainerQueries</span></a> <a href="https://mastodon.social/tags/ScrollSnap" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ScrollSnap</span></a> <a href="https://mastodon.social/tags/CssGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CssGrid</span></a> <a href="https://mastodon.social/tags/CascadeLayers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CascadeLayers</span></a> <a href="https://mastodon.social/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LogicalProperties</span></a></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 noreferrer" target="_blank">#<span>css</span></a><br><a href="https://mastodon.social/tags/logicalproperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>logicalproperties</span></a> <br><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> </p><p><a href="https://css-irl.info/logical-border-radius/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">css-irl.info/logical-border-ra</span><span class="invisible">dius/</span></a></p>
ExploreLive feeds
About