Recent searches

No recent searches

Search options

Only available when logged in.
toad.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Mastodon server operated by David Troy, a tech pioneer and investigative journalist addressing threats to democracy. Thoughtful participation and discussion welcome.

Administered by:

Server stats:

276
active users

toad.social: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.4.3

#moderncss

0 posts0 participants0 posts today
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/Outlooks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Outlooks</span></a><br>A future of themes · What to expect from CSS inline if() for theming? <a href="https://ilo.im/162ftx" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162ftx</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/CssIf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssIf</span></a> <a href="https://mastodon.social/tags/StyleQueries" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StyleQueries</span></a> <a href="https://mastodon.social/tags/Chrome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Chrome</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</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>
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>Full-bleed layout with modern CSS · Edge-to-edge sections with minimal code <a href="https://ilo.im/1621v3" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1621v3</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> <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/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/CustomProperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CustomProperties</span></a> <a href="https://mastodon.social/tags/CssUnits" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssUnits</span></a> <a href="https://mastodon.social/tags/CssCalc" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssCalc</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/Explorations" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Explorations</span></a><br>Is justified&nbsp;text better than expected? · A fresh look at justified text using modern CSS <a href="https://ilo.im/161u02" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/161u02</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/Typography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Typography</span></a> <a href="https://mastodon.social/tags/Alignment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Alignment</span></a> <a href="https://mastodon.social/tags/Hyphenation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Hyphenation</span></a> <a href="https://mastodon.social/tags/Text" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Text</span></a> <a href="https://mastodon.social/tags/Blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Blog</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>
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>Balancing text In CSS · The power of ‘text-wrap: balance’ and ‘text-wrap: pretty’ <a href="https://ilo.im/161p1s" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/161p1s</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/Typography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Typography</span></a> <a href="https://mastodon.social/tags/Orphans" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Orphans</span></a> <a href="https://mastodon.social/tags/Text" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Text</span></a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Content</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</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>
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/Introductions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Introductions</span></a><br>Smooth multi-page experiences · How to get started with just a single line of CSS <a href="https://ilo.im/16175n" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/16175n</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ViewTransitions</span></a> <a href="https://mastodon.social/tags/WebPage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPage</span></a> <a href="https://mastodon.social/tags/MPA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MPA</span></a> <a href="https://mastodon.social/tags/SPA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SPA</span></a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProgressiveEnhancement</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/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</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>The stretch keyword · A better alternative to ‘width: 100%’ in CSS? <a href="https://ilo.im/160mv3" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/160mv3</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/VendorPrefix" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VendorPrefix</span></a> <a href="https://mastodon.social/tags/BrowserSupport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BrowserSupport</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</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>
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/Opportunities" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Opportunities</span></a><br>‘Smart’ CSS layouts with container queries · New options we never had with media queries <a href="https://ilo.im/15zshu" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/15zshu</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> <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/ContainerQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ContainerQuery</span></a> <a href="https://mastodon.social/tags/MediaQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MediaQuery</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/CssFlexbox" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssFlexbox</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>
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/Explorations" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Explorations</span></a><br>Old dogs, new CSS tricks · Why is the actual use of new CSS features still low? <a href="https://ilo.im/15z07f" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/15z07f</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/Mindset" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mindset</span></a> <a href="https://mastodon.social/tags/Habit" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Habit</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>🟣 What You Need to Know about Modern CSS (Spring 2024 Edition) by Chris Coyier @chriscoyier<br> at @FrontendMasters<br> <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/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> </p><p><a href="https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-spring-2024-edition/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/what-</span><span class="invisible">you-need-to-know-about-modern-css-spring-2024-edition/</span></a></p>
James Finley<p>New on Finley, I am: Modern CSS Switch Component from <span class="h-card" translate="no"><a href="https://mastodon.social/@belldotbz" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>belldotbz</span></a></span></p><p><a href="https://finley.im/2024/01/30/modern-css-switch-component" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">finley.im/2024/01/30/modern-cs</span><span class="invisible">s-switch-component</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/moderncss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>moderncss</span></a> <a href="https://mastodon.social/tags/frontenddevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontenddevelopment</span></a></p>
Mozilla News & Updates<p>How :not() chains multiple selectors <a href="https://developer.mozilla.org/en-US/blog/css-not-pseudo-multiple-selectors/" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/css-not-pseudo-multiple-selectors/</span></a> <a href="https://noc.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://noc.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> <a href="https://noc.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a></p><p>Original tweet : <a href="https://twitter.com/MozDevNet/status/1655579467333476354" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">twitter.com/MozDevNet/status/1</span><span class="invisible">655579467333476354</span></a></p>
Ready. Write. Web.<p>That's a great suggestion, <span class="h-card"><a href="https://fosstodon.org/@classicpress" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>classicpress</span></a></span></p><p>Frankly, now that you mention it, we might all (reasonably) wonder why something like this hasn't been implemented for years.</p><p><a href="https://fosstodon.org/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://fosstodon.org/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a></p><p><span class="h-card"><a href="https://fosstodon.org/@brianb" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>brianb</span></a></span></p>
TrendingLive feeds
About