mastouille.fr est l'un des nombreux serveurs Mastodon indépendants que vous pouvez utiliser pour participer au fédiverse.
Mastouille est une instance Mastodon durable, ouverte, et hébergée en France.

Administré par :

Statistiques du serveur :

598
comptes actifs

#customproperties

1 message1 participant0 message aujourd’hui
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>Building custom blog post designs · A way to tailor the mood and style of each article <a href="https://ilo.im/165r4g" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165r4g</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Blog</span></a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Website</span></a> <a href="https://mastodon.social/tags/CMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CMS</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UxDesign</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/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</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/CustomProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CustomProperties</span></a></p>
Nicolas Hoizey<p>“CSS Custom Properties vs. Sass Variables: A Pragmatic Guide” by <span class="h-card" translate="no"><a href="https://front-end.social/@sturobson" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>sturobson</span></a></span></p><p>🔗 <a href="https://www.alwaystwisted.com/articles/css-vs-sass" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">alwaystwisted.com/articles/css</span><span class="invisible">-vs-sass</span></a></p><p>&gt; The interplay between Sass variables and CSS custom properties should be a strategic partnership. Over nearly a decade of evolving web practices, one truth persists: robust systems balance rigidity with adaptability. Sass anchors the immutable, CSS custom properties breathe life into any required fluidity.</p><p><a href="https://mamot.fr/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mamot.fr/tags/Sass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Sass</span></a> <a href="https://mamot.fr/tags/customProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>customProperties</span></a></p><p>⚓️ <a href="https://nicolas-hoizey.com/links/2025/04/08/css-custom-properties-vs-sass-variables-a-pragmatic-guide/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/links/2025/</span><span class="invisible">04/08/css-custom-properties-vs-sass-variables-a-pragmatic-guide/</span></a></p>
Nicolas Hoizey<p>“CSS Custom Properties vs. Sass Variables: A Pragmatic Guide” by <span class="h-card" translate="no"><a href="https://front-end.social/@sturobson" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>sturobson</span></a></span></p><p>🔗 <a href="https://www.alwaystwisted.com/articles/css-vs-sass" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">alwaystwisted.com/articles/css</span><span class="invisible">-vs-sass</span></a></p><p>&gt; The interplay between Sass variables and CSS custom properties should be a strategic partnership. Over nearly a decade of evolving web practices, one truth persists: robust systems balance rigidity with adaptability. Sass anchors the immutable, CSS custom properties breathe life into any required fluidity.</p><p><a href="https://mamot.fr/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mamot.fr/tags/Sass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Sass</span></a> <a href="https://mamot.fr/tags/customProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>customProperties</span></a></p><p>⚓️ <a href="https://nicolas-hoizey.com/links/2025/04/08/css-custom-properties-vs-sass-variables-a-pragmatic-guide/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/links/2025/</span><span class="invisible">04/08/css-custom-properties-vs-sass-variables-a-pragmatic-guide/</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/Collections" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Collections</span></a><br>Ribbon Shapes · An impressive collection of CSS-only ribbon styles. <a href="https://ilo.im/162ovs" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162ovs</span><span class="invisible"></span></a> </p><p>_____<br><a href="https://mastodon.social/tags/Ribbons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Ribbons</span></a> <a href="https://mastodon.social/tags/Banners" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Banners</span></a> <a href="https://mastodon.social/tags/Badges" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Badges</span></a> <a href="https://mastodon.social/tags/Indicators" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Indicators</span></a> <a href="https://mastodon.social/tags/Highlights" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Highlights</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/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</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/CustomProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CustomProperties</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>Full-bleed layout with modern CSS · Edge-to-edge sections with minimal code <a href="https://ilo.im/1621v3" rel="nofollow noopener noreferrer" 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 noreferrer" target="_blank">#<span>ModernCSS</span></a> <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/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/CustomProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CustomProperties</span></a> <a href="https://mastodon.social/tags/CssUnits" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CssUnits</span></a> <a href="https://mastodon.social/tags/CssCalc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CssCalc</span></a></p>
Jens Grochtdreis<p>Heute bin ich auf der <a href="https://mastodon.social/tags/unkonf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>unkonf</span></a> in Mannheim, veranstaltet von <span class="h-card" translate="no"><a href="https://rheinneckar.social/@bitexpert" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>bitexpert</span></a></span> . </p><p>In den letzten Jahren waren dort wenige Frontend-Entwickler. Ein guter Grund einmal wichtige Neuerungen im Frontend der letzten Jahre zu zeigen.</p><p>Ich hoffe, ich schaffe alle Themen.</p><p><a href="https://grochtdreis.de/vortraege/neues-frontend-2024/index.html#/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">grochtdreis.de/vortraege/neues</span><span class="invisible">-frontend-2024/index.html#/</span></a></p><p><span class="h-card" translate="no"><a href="https://rheinneckar.social/@unKonf" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>unKonf</span></a></span> </p><p><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/DialogElement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DialogElement</span></a> <a href="https://mastodon.social/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>popover</span></a> <a href="https://mastodon.social/tags/selektoren" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>selektoren</span></a> <a href="https://mastodon.social/tags/customproperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>customproperties</span></a></p>
Matthias Ott<p>✍️ New post: CSS Custom Properties Beyond the :root</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/customproperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>customproperties</span></a><br><a href="https://matthiasott.com/notes/custom-properties-beyond-the-root" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">matthiasott.com/notes/custom-p</span><span class="invisible">roperties-beyond-the-root</span></a></p>