mathstodon.xyz is one of the many independent Mastodon servers you can use to participate in the fediverse.
A Mastodon instance for maths people. We have LaTeX rendering in the web interface!

Server stats:

3K
active users

#transitions

2 posts2 participants0 posts today
Hacker News<p>In React {Transitions} = F(state)</p><p><a href="https://jordaneldredge.com/blog/transitions-f-of-state/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">jordaneldredge.com/blog/transi</span><span class="invisible">tions-f-of-state/</span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a> <a href="https://mastodon.social/tags/Transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Transitions</span></a> <a href="https://mastodon.social/tags/Fstate" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Fstate</span></a> <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/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a></p>
fluffy 💜<p>Sockpuppet: Blog: Vinyl releases <a href="https://sockpuppet.band/blog/1031-Vinyl-releases" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">sockpuppet.band/blog/1031-Viny</span><span class="invisible">l-releases</span></a> <a href="https://plush.city/tags/Distribution" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Distribution</span></a> <a href="https://plush.city/tags/Transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Transitions</span></a> <a href="https://plush.city/tags/Refactor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Refactor</span></a> <a href="https://plush.city/tags/Vinyl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Vinyl</span></a> <a href="https://plush.city/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Blog</span></a></p>
Frontend Dogma<p>Creating Animated Accordions With the “details” Element and Modern CSS, by <span class="h-card" translate="no"><a href="https://front-end.social/@stefan" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>stefan</span></a></span> (@builderio.bsky.social):</p><p><a href="https://www.builder.io/blog/animated-css-accordions" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">builder.io/blog/animated-css-a</span><span class="invisible">ccordions</span></a></p><p><a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <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/animations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animations</span></a> <a href="https://mas.to/tags/transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>transitions</span></a></p>
axadle<p>Nigeria Braces for Fuel Price Surge as Dangote Transitions to Dollar Transactions <a href="https://mastodon.social/tags/WestAfrica" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WestAfrica</span></a> <a href="https://mastodon.social/tags/Africa" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Africa</span></a> <a href="https://mastodon.social/tags/Braces" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Braces</span></a> <a href="https://mastodon.social/tags/business" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>business</span></a> <a href="https://mastodon.social/tags/BusinessandFinance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BusinessandFinance</span></a> <a href="https://mastodon.social/tags/currentevents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>currentevents</span></a> <a href="https://mastodon.social/tags/Dangote" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Dangote</span></a> <a href="https://mastodon.social/tags/Dollar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Dollar</span></a> <a href="https://mastodon.social/tags/Economy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Economy</span></a> <a href="https://mastodon.social/tags/fuel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fuel</span></a> <a href="https://mastodon.social/tags/governance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>governance</span></a> <a href="https://mastodon.social/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>news</span></a> <a href="https://mastodon.social/tags/Nigeria" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Nigeria</span></a> <a href="https://mastodon.social/tags/Petroleum" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Petroleum</span></a> <a href="https://mastodon.social/tags/politics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>politics</span></a> <a href="https://mastodon.social/tags/price" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>price</span></a> <a href="https://mastodon.social/tags/sports" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sports</span></a> <a href="https://mastodon.social/tags/Surge" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Surge</span></a> <a href="https://mastodon.social/tags/trade" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>trade</span></a> <a href="https://mastodon.social/tags/Transactions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Transactions</span></a> <a href="https://mastodon.social/tags/Transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Transitions</span></a> <a href="https://mastodon.social/tags/travel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>travel</span></a> <a href="https://mastodon.social/tags/WestAfrica" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WestAfrica</span></a>&nbsp;<br><a href="https://tinyurl.com/29j7cho4" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">tinyurl.com/29j7cho4</span><span class="invisible"></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>The bare minimum for CSS view transitions · An instant win for your website’s user experience <a href="https://ilo.im/162voy" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162voy</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/CssViewTransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CssViewTransitions</span></a> <a href="https://mastodon.social/tags/Transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Transitions</span></a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Webpage</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/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProgressiveEnhancement</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>
Hacker News<p>HTTP/3 is everywhere but nowhere</p><p><a href="https://httptoolkit.com/blog/http3-quic-open-source-support-nowhere/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">httptoolkit.com/blog/http3-qui</span><span class="invisible">c-open-source-support-nowhere/</span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/HTTP3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTTP3</span></a> <a href="https://mastodon.social/tags/QUIC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>QUIC</span></a> <a href="https://mastodon.social/tags/internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>internet</span></a> <a href="https://mastodon.social/tags/technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>technology</span></a> <a href="https://mastodon.social/tags/open" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>open</span></a>-source <a href="https://mastodon.social/tags/transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>transitions</span></a></p>
Erdem S.<p>· Frontend Tip ·</p><p>Want smooth <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> without <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> bloat? Master CSS <a href="https://mastodon.social/tags/transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>transitions</span></a> and <a href="https://mastodon.social/tags/keyframes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>keyframes</span></a>. Pure <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> can make your interface feel magical with zero performance hit.</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/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a></p>
Labos 1point5<p>📣 Les inscriptions sont ouvertes pour la 3e édition du colloque <a href="https://piaille.fr/tags/Enseigner" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Enseigner</span></a> les <a href="https://piaille.fr/tags/Transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Transitions</span></a> Écologiques et Sociales dans le Supérieur (ETES) !<br><a href="https://etes2025.sciencesconf.org/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">etes2025.sciencesconf.org/</span><span class="invisible"></span></a></p>
Journal of Alpine Research<p>Publié dans la rubrique "<a href="https://piaille.fr/tags/transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>transitions</span></a>" (2024):</p><p>"'Fin du <a href="https://piaille.fr/tags/ski" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ski</span></a>' sous tension: chronique d'un renoncement au stade de <a href="https://piaille.fr/tags/neige" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>neige</span></a> de la <a href="https://piaille.fr/tags/Sambuy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Sambuy</span></a> (Haute-Savoie, <a href="https://piaille.fr/tags/Bauges" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bauges</span></a>)" </p><p>&gt; Alors que l’imaginaire du ski alpin façonne encore fortement les <a href="https://piaille.fr/tags/identit%C3%A9s" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>identités</span></a> de nombreux territoires touristiques de montagne, un nouvel enjeu s’imposant aux sociétés tient dans le besoin de réflexions collectives en vue de dessiner les futurs désirables des (ex)territoires touristiques. </p><p><a href="https://journals.openedition.org/rga/13018" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">journals.openedition.org/rga/1</span><span class="invisible">3018</span></a> </p><p><a href="https://piaille.fr/tags/Alpes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Alpes</span></a> <a href="https://piaille.fr/tags/montagnes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>montagnes</span></a> <a href="https://piaille.fr/tags/ChangementClimatique" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ChangementClimatique</span></a> <a href="https://piaille.fr/tags/HauteSavoie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HauteSavoie</span></a></p>

Publié dans la rubrique "#transitions" (2024):

"Projet de 'régénération territoriale' en Galice : le cas du #HopeHub "It's thyme" à #Mañon"

> Hannah Eckert, co-founder: "We’re building a community house in a very old village in the #mountains. Its goal: creating public spaces for learning for multi-stakeholders so that local people like local farmers and local neighbours can access this space, but also local schools and travellers, and really become a hotspot for regenerative innovation, exchange, and building new systems."

journals.openedition.org/rga/1

Publié en 2024 dans la rubrique "#Transitions":

"Le #coliving, un levier à la #transition touristique des territoires de #montagne? L’exemple d’#AlpinessColiving

> Intriguée par ce concept et la relation que les initiateur·es de ce projet peuvent tisser avec le territoire, la revue est allée à la rencontre des propriétaires au #Haudères.
Avec une question en tête: en quoi une structure comme la leur pourrait-elle être un levier ou une «brique» à la transition socioécologique des territoires de montagne?

journals.openedition.org/rga/1

Rétrospective 2024 de la rubrique "#Transitions" à découvrir sur le site web de la revue:

- Le #coliving, un levier à la transition touristique des territoires de #montagne? L’exemple d’Alpiness Coliving. Village des #Haudères, Commune d’#Evolène, Val d’Hérens, #Valais (#Suisse)

- Projet de « régénération territoriale » en #Galice : le cas du Hope Hub itsthyme à Mañon

- Les montagnes ne repoussent pas : histoire d’un #extractivisme apuan

- « Fin du #ski » sous tension : chronique d'un renoncement au stade de #neige de la #Sambuy (#HauteSavoie, #Bauges)

journals.openedition.org/rga/1