Mastodon

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> PerformanCSS · “How CSS relates to web performance is a funny dance.” <a href="https://ilo.im/162uqq" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/162uqq</a>_____ <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a> <a href="https://mastodon.social/tags/DOM" class="mention hashtag" rel="nofollow noopener" target="_blank">#DOM</a> <a href="https://mastodon.social/tags/Rendering" class="mention hashtag" rel="nofollow noopener" target="_blank">#Rendering</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPerf</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Previews" class="mention hashtag" rel="nofollow noopener" target="_blank">#Previews</a> CSS Custom Functions are coming · “They are going to be a game changer.” <a href="https://ilo.im/1629uu" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/1629uu</a>_____ <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ModernCSS</a> <a href="https://mastodon.social/tags/CustomFunction" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomFunction</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a> <a href="https://mastodon.social/tags/Chrome" class="mention hashtag" rel="nofollow noopener" target="_blank">#Chrome</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#Techniques</a> Sharing a variable across HTML, CSS, and JS · How to make use of a variable in three languages <a href="https://ilo.im/161qol" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/161qol</a>_____ <a href="https://mastodon.social/tags/Grid" class="mention hashtag" rel="nofollow noopener" target="_blank">#Grid</a> <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#Layout</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a> <a href="https://mastodon.social/tags/CssGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#CssGrid</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Findings" class="mention hashtag" rel="nofollow noopener" target="_blank">#Findings</a> Benchmarking the performance of CSS @property · Regular vs. registered vs. unregistered custom properties <a href="https://ilo.im/160as3" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/160as3</a>_____ <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ModernCSS</a> <a href="https://mastodon.social/tags/Benchmark" class="mention hashtag" rel="nofollow noopener" target="_blank">#Benchmark</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPerf</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener" target="_blank">#Approaches</a> How I build a button component · A set of button component instances with their variants <a href="https://ilo.im/160525" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/160525</a>_____ <a href="https://mastodon.social/tags/Button" class="mention hashtag" rel="nofollow noopener" target="_blank">#Button</a> <a href="https://mastodon.social/tags/Icon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Icon</a> <a href="https://mastodon.social/tags/Typography" class="mention hashtag" rel="nofollow noopener" target="_blank">#Typography</a> <a href="https://mastodon.social/tags/Interactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#Interactivity</a> <a href="https://mastodon.social/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#SemanticHTML</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#Techniques</a> CSS split effects without content duplication · A little ride through the land of fun split effects <a href="https://ilo.im/1602pn" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/1602pn</a>_____ <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ModernCSS</a> <a href="https://mastodon.social/tags/Effects" class="mention hashtag" rel="nofollow noopener" target="_blank">#Effects</a> <a href="https://mastodon.social/tags/Slider" class="mention hashtag" rel="nofollow noopener" target="_blank">#Slider</a> <a href="https://mastodon.social/tags/Image" class="mention hashtag" rel="nofollow noopener" target="_blank">#Image</a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener" target="_blank">#Content</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#Techniques</a> CSS @property and the new style · Custom property definitions unlock countless opportunities <a href="https://ilo.im/15zzg2" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/15zzg2</a>_____ <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ModernCSS</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#Techniques</a> Captured custom properties · A noteworthy naming pattern for CSS variables <a href="https://ilo.im/15zz5d" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/15zz5d</a>_____ <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a> <a href="https://mastodon.social/tags/Naming" class="mention hashtag" rel="nofollow noopener" target="_blank">#Naming</a> <a href="https://mastodon.social/tags/FeatureDetection" class="mention hashtag" rel="nofollow noopener" target="_blank">#FeatureDetection</a> <a href="https://mastodon.social/tags/TypeLimitation" class="mention hashtag" rel="nofollow noopener" target="_blank">#TypeLimitation</a> <a href="https://mastodon.social/tags/ContainerQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#ContainerQuery</a> <a href="https://mastodon.social/tags/StyleQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#StyleQuery</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#Techniques</a> Relative color syntax: basic use cases · “It’s an extremely powerful way to manipulate colors in CSS.” <a href="https://ilo.im/15zrws" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/15zrws</a>_____ <a href="https://mastodon.social/tags/Color" class="mention hashtag" rel="nofollow noopener" target="_blank">#Color</a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#ColorPalette</a> <a href="https://mastodon.social/tags/BrowserSupport" class="mention hashtag" rel="nofollow noopener" target="_blank">#BrowserSupport</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#Techniques</a> External, styleable, and scalable SVGs · SVG embeddings that leave little to be desired <a href="https://ilo.im/15zn1a" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/15zn1a</a>_____ <a href="https://mastodon.social/tags/VectorGraphic" class="mention hashtag" rel="nofollow noopener" target="_blank">#VectorGraphic</a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/Embedding" class="mention hashtag" rel="nofollow noopener" target="_blank">#Embedding</a> <a href="https://mastodon.social/tags/WebPage" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPage</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#Techniques</a> Fit-to-width text: A new technique · How modern CSS helps to solve an ancient challenge <a href="https://ilo.im/15zk30" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/15zk30</a>_____ <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ModernCSS</a> <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#Layout</a> <a href="https://mastodon.social/tags/Typography" class="mention hashtag" rel="nofollow noopener" target="_blank">#Typography</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener" target="_blank">#ARIA</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/ContainerQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#ContainerQuery</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#Techniques</a> Beautiful shadows have beautiful colors · Shadows that also look great on a colored surface <a href="https://ilo.im/15zien" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/15zien</a>_____ <a href="https://mastodon.social/tags/Shadow" class="mention hashtag" rel="nofollow noopener" target="_blank">#Shadow</a> <a href="https://mastodon.social/tags/Color" class="mention hashtag" rel="nofollow noopener" target="_blank">#Color</a> <a href="https://mastodon.social/tags/Background" class="mention hashtag" rel="nofollow noopener" target="_blank">#Background</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#Techniques</a> Get the screen width/height without JavaScript · Powered by @property and trigonometric functions <a href="https://ilo.im/15zige" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/15zige</a>_____ <a href="https://mastodon.social/tags/Device" class="mention hashtag" rel="nofollow noopener" target="_blank">#Device</a> <a href="https://mastodon.social/tags/Screen" class="mention hashtag" rel="nofollow noopener" target="_blank">#Screen</a> <a href="https://mastodon.social/tags/Dimension" class="mention hashtag" rel="nofollow noopener" target="_blank">#Dimension</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> Type definitions for CSS with @property · How to write safer, more resilient CSS custom properties <a href="https://ilo.im/15zjxy" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/15zjxy</a>_____ <a href="https://mastodon.social/tags/TypedVariable" class="mention hashtag" rel="nofollow noopener" target="_blank">#TypedVariable</a> <a href="https://mastodon.social/tags/TypeDefinition" class="mention hashtag" rel="nofollow noopener" target="_blank">#TypeDefinition</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProgressiveEnhancement</a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystem</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/StyleQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#StyleQuery</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Releases" class="mention hashtag" rel="nofollow noopener" target="_blank">#Releases</a> @property · Another exciting CSS feature lands in all major browsers <a href="https://ilo.im/15zhck" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/15zhck</a>_____ <a href="https://mastodon.social/tags/Baseline" class="mention hashtag" rel="nofollow noopener" target="_blank">#Baseline</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/BrowserSupport" class="mention hashtag" rel="nofollow noopener" target="_blank">#BrowserSupport</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/CssHoudini" class="mention hashtag" rel="nofollow noopener" target="_blank">#CssHoudini</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#Techniques</a> Feature detect CSS @property support · Testing browser support for custom property definitions <a href="https://ilo.im/15zegz" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/15zegz</a>_____ <a href="https://mastodon.social/tags/FeatureDetection" class="mention hashtag" rel="nofollow noopener" target="_blank">#FeatureDetection</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/BrowserSupport" class="mention hashtag" rel="nofollow noopener" target="_blank">#BrowserSupport</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a> <a href="https://mastodon.social/tags/StyleQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#StyleQuery</a> <a href="https://mastodon.social/tags/SpaceToggle" class="mention hashtag" rel="nofollow noopener" target="_blank">#SpaceToggle</a> <a href="https://mastodon.social/tags/Workaround" class="mention hashtag" rel="nofollow noopener" target="_blank">#Workaround</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener" target="_blank">#Approaches</a> A structured approach to custom properties · How can we manage CSS variables effectively? <a href="https://ilo.im/15zcqz" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/15zcqz</a>_____ <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a> <a href="https://mastodon.social/tags/Typology" class="mention hashtag" rel="nofollow noopener" target="_blank">#Typology</a> <a href="https://mastodon.social/tags/Naming" class="mention hashtag" rel="nofollow noopener" target="_blank">#Naming</a> <a href="https://mastodon.social/tags/DesignToken" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignToken</a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystem</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="nofollow noopener" target="_blank">#Launches</a> Theme Machine · Pick your colors, build palette, get CSS variables <a href="https://ilo.im/15zcbd" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/15zcbd</a>_____ <a href="https://mastodon.social/tags/Generator" class="mention hashtag" rel="nofollow noopener" target="_blank">#Generator</a> <a href="https://mastodon.social/tags/Color" class="mention hashtag" rel="nofollow noopener" target="_blank">#Color</a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#ColorPalette</a> <a href="https://mastodon.social/tags/OKLCH" class="mention hashtag" rel="nofollow noopener" target="_blank">#OKLCH</a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a>

pablolarah🟠 Conditionals on Custom Properties by Geoff Graham <a href="https://front-end.social/@geoff" class="u-url mention" rel="nofollow noopener" target="_blank">@geoff</a> @geoffreygraham <a href="https://mastodon.social/tags/conditionalStatements" class="mention hashtag" rel="nofollow noopener" target="_blank">#conditionalStatements</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://geoffgraham.me/conditionals-on-custom-properties/" rel="nofollow noopener" translate="no" target="_blank">https://geoffgraham.me/conditionals-on-custom-properties/</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Explorations" class="mention hashtag" rel="nofollow noopener" target="_blank">#Explorations</a> Conditionals on Custom Properties · What if CSS had an ‘if’ function? <a href="https://ilo.im/15z7m8" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/15z7m8</a>_____ <a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#Programming</a> <a href="https://mastodon.social/tags/Condition" class="mention hashtag" rel="nofollow noopener" target="_blank">#Condition</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/CustomProperty" class="mention hashtag" rel="nofollow noopener" target="_blank">#CustomProperty</a>

Recent searches

Search options

Administered by:

Server stats:

#customproperty