Kagan MacTane (he/him)<p>Nice piece on "How to write error messages that actually help users rather than frustrate them":</p><p><a href="https://piccalil.li/blog/how-to-write-error-messages-that-actually-help-users-rather-than-frustrate-them/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">piccalil.li/blog/how-to-write-</span><span class="invisible">error-messages-that-actually-help-users-rather-than-frustrate-them/</span></a></p><p><a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXDesign</span></a> <a href="https://wandering.shop/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://wandering.shop/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a></p>
Recent searches
No recent searches
Search options
Only available when logged in.
mindly.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Mindly.Social is an English speaking, friendly Mastodon instance created for people who want to use their brains and their hearts to make social networking more social. 🧠💖
Administered by:
Server stats:
1.2Kactive users
mindly.social: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.7
#webdevelopment
20 posts · 16 participants · 4 posts today
FOSSASIA<p>🌐 Curious about building with Drupal? Learn why Drupal stands out for creating flexible, scalable, and secure web experiences — and why you should give it a try with Chris Bovard at <a href="https://floss.social/tags/FOSSASIASummit2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FOSSASIASummit2025</span></a></p><p>🔗 Click the link below ⬇ to watch on the FOSSASIA YouTube channel:<br><a href="https://youtu.be/ApwvZ0peLrU" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">youtu.be/ApwvZ0peLrU</span><span class="invisible"></span></a></p><p> <a href="https://floss.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://floss.social/tags/CMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CMS</span></a> <a href="https://floss.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a> <a href="https://floss.social/tags/FOSSASIA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FOSSASIA</span></a></p>
.:\dGh/:.<p>Let's see what the PHP gods say about that "bug"</p><p><a href="https://github.com/php/php-src/issues/18341" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/php/php-src/issues/</span><span class="invisible">18341</span></a></p><p><a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PHP</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/SoftwareDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SoftwareDevelopment</span></a> <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/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Coding</span></a> <a href="https://mastodon.social/tags/Code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Code</span></a> <a href="https://mastodon.social/tags/Software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Software</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/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Bug" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bug</span></a> <a href="https://mastodon.social/tags/GitHub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GitHub</span></a> <a href="https://mastodon.social/tags/Git" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Git</span></a></p>
.:\dGh/:.<p>PHP property hooks are great until they are not.</p><p>It fathoms me how this big oversight got past stable.</p><p><a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PHP</span></a> <a href="https://mastodon.social/tags/Bug" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bug</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/Software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Software</span></a> <a href="https://mastodon.social/tags/SoftwareDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SoftwareDevelopment</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/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/PHP8" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PHP8</span></a> <a href="https://mastodon.social/tags/PHP84" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PHP84</span></a> <a href="https://mastodon.social/tags/Error" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Error</span></a></p>
flo<p><span>Könnte eins von euch eventuell dem Queer Institut Berlin zu einer https-Seite verhelfen? <br><br>Im Moment läuft die noch nicht als sichere SSL-Verbindung, was ich ungünstig finde. <br><br>(Ich kann es nur selbst leider nicht ...) <br><br></span><a href="http://www.queer-institut.de/namenspolitiken-standesamt/" rel="nofollow noopener noreferrer" target="_blank">www.queer-institut.de/namenspolitiken-standesamt/</a><span> <br><br></span><a href="https://iceshrimp.de/tags/Queer" rel="nofollow noopener noreferrer" target="_blank">#Queer</a><span> </span><a href="https://iceshrimp.de/tags/QueerInstitut" rel="nofollow noopener noreferrer" target="_blank">#QueerInstitut</a><span> </span><a href="https://iceshrimp.de/tags/LGBTTIPQ*" rel="nofollow noopener noreferrer" target="_blank">#LGBTTIPQ*</a><span> </span><a href="https://iceshrimp.de/tags/WebDevelopment" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a><span> </span><a href="https://iceshrimp.de/tags/Webentwicklung" rel="nofollow noopener noreferrer" target="_blank">#Webentwicklung</a></p>
Mike Hindle<p>The Clearcut Derby website is back in the workshop 🛠️ Here's a little sneak peek 👀 Returning to the default WordPress theme in an effort to work with a minimalist stack.</p><p>That said, I'm using Kadence blocks in addition to core blocks this time around. This is a workaround for a few previous frustrations with block themes.</p><p>Gotta say, so far, it's covering all bases 🙌🏻 </p><p><a href="https://mastodon.social/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wordpress</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/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/sustainability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sustainability</span></a> <a href="https://mastodon.social/tags/business" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>business</span></a></p>
Brandon H :csharp: :verified:<p>via <span class="h-card" translate="no"><a href="https://dotnet.social/@dotnet" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>dotnet</span></a></span> : Join the .NET & C# Teams at Microsoft Build 2025</p><p><a href="https://ift.tt/6DiP2Hj" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/6DiP2Hj</span><span class="invisible"></span></a><br><a href="https://hachyderm.io/tags/MicrosoftBuild2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MicrosoftBuild2025</span></a> <a href="https://hachyderm.io/tags/dotNET" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dotNET</span></a> <a href="https://hachyderm.io/tags/CSharp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSharp</span></a> <a href="https://hachyderm.io/tags/Developers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Developers</span></a> <a href="https://hachyderm.io/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> <a href="https://hachyderm.io/tags/Cloud" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Cloud</span></a> <a href="https://hachyderm.io/tags/AppDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AppDevelopment</span></a> <a href="https://hachyderm.io/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://hachyderm.io/tags/ASPNetCore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ASPNetCore</span></a> <a href="https://hachyderm.io/tags/Blazor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Blazor</span></a> <a href="https://hachyderm.io/tags/MAUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MAUI</span></a> <a href="https://hachyderm.io/tags/GitHubCopilot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GitHubCopilot</span></a> <a href="https://hachyderm.io/tags/AIApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AIApps</span></a> <a href="https://hachyderm.io/tags/Networking" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Networking</span></a> <a href="https://hachyderm.io/tags/HandsOnLabs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HandsOnLabs</span></a> <a href="https://hachyderm.io/tags/TechCommun" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TechCommun</span></a>…</p>
Ana Tudor 🐯<p>A fun little scroll-driven thing I made. The text is white over the image, but the image isn't static, it rotates on scroll. 😼</p><p>Here's a detailed explanation of the how behind <a href="https://www.reddit.com/r/css/comments/1jyu76v/comment/mn2fibt/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">reddit.com/r/css/comments/1jyu</span><span class="invisible">76v/comment/mn2fibt/</span></a></p><p>Live on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span> <a href="https://codepen.io/thebabydino/pen/dPPbmao" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/dPP</span><span class="invisible">bmao</span></a></p><p>Also uses container queries, CSS trigonometric functions.</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/scroll" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>scroll</span></a> <a href="https://mastodon.social/tags/cssAnimation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssAnimation</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/scrollAnimation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>scrollAnimation</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/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/cssVariables" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssVariables</span></a> <a href="https://mastodon.social/tags/cssTransform" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssTransform</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/cssMaths" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssMaths</span></a> <a href="https://mastodon.social/tags/trigonometry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>trigonometry</span></a></p>
DrupalCon Europe<p>🚨 Just 2 weeks left to submit your session for <a href="https://mastodon.social/tags/DrupalCon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DrupalCon</span></a> Vienna 2025! 🚨</p><p>Have insights, ideas, or a case study to share with the global <a href="https://mastodon.social/tags/Drupal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Drupal</span></a> community? Now’s your time to shine! 🌍✨</p><p>Submit your session here ➡️ <a href="https://buff.ly/HyfZ9Gc" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">buff.ly/HyfZ9Gc</span><span class="invisible"></span></a><br>Deadline approaching fast! ⏳</p><p><a href="https://mastodon.social/tags/CallForPapers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CallForPapers</span></a> <a href="https://mastodon.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</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/TechEvents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TechEvents</span></a> <a href="https://mastodon.social/tags/DrupalConVienna" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DrupalConVienna</span></a></p>
Mike Hindle<p>Following a few months of settling in, it’s time to share a few ramblings in an outrageously excitable 20i web hosting review 🤩 </p><p>Not sponsored, and zero affiliate links 🚫</p><p><a href="https://clearcutderby.uk/20i-web-hosting-review-for-sustainable-wordpress-websites/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">clearcutderby.uk/20i-web-hosti</span><span class="invisible">ng-review-for-sustainable-wordpress-websites/</span></a></p><p><a href="https://mastodon.social/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wordpress</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/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/sustainability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sustainability</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/marketing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>marketing</span></a></p>
injee<p><a href="https://injeeblogs.codeberg.page/2025/04/13/uravu-relationship-detection-in-injee.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">injeeblogs.codeberg.page/2025/</span><span class="invisible">04/13/uravu-relationship-detection-in-injee.html</span></a></p><p><a href="https://universeodon.com/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEnd</span></a> <a href="https://universeodon.com/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://universeodon.com/tags/Database" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Database</span></a> <a href="https://universeodon.com/tags/Architecture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Architecture</span></a> <a href="https://universeodon.com/tags/Software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Software</span></a> <a href="https://universeodon.com/tags/SoftwareEngineering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SoftwareEngineering</span></a></p>
Kerrick Long (code)<p>Ship Software That Does Nothing</p><p><a href="https://kerrick.blog/articles/2025/ship-software-that-does-nothing/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kerrick.blog/articles/2025/shi</span><span class="invisible">p-software-that-does-nothing/</span></a></p><p><a href="https://dotnet.social/tags/Agile" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Agile</span></a> <a href="https://dotnet.social/tags/Architecture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Architecture</span></a> <a href="https://dotnet.social/tags/AutomatedTests" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AutomatedTests</span></a> <a href="https://dotnet.social/tags/ContinuousDelivery" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ContinuousDelivery</span></a> <a href="https://dotnet.social/tags/ContinuousDeployment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ContinuousDeployment</span></a> <a href="https://dotnet.social/tags/ContinuousIntegration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ContinuousIntegration</span></a> <a href="https://dotnet.social/tags/ExtremeProgramming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ExtremeProgramming</span></a> <a href="https://dotnet.social/tags/LeanRisk" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LeanRisk</span></a> <a href="https://dotnet.social/tags/TDD" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TDD</span></a> <a href="https://dotnet.social/tags/CICD" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CICD</span></a> <a href="https://dotnet.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://dotnet.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://dotnet.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a></p>
Schalk Neethling<p>We Need To Talk About My Website... <a href="https://hachyderm.io/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://hachyderm.io/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieweb</span></a> </p><p><a href="https://www.youtube.com/watch?v=M2QXBxt9AYs" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=M2QXBxt9AY</span><span class="invisible">s</span></a></p>
Ana Tudor 🐯<p>You can find a very detailed explanation about the how behind in my Taming Blend Modes: `difference` and `exclusion` article on <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> <a href="https://css-tricks.com/taming-blend-modes-difference-and-exclusion/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">css-tricks.com/taming-blend-mo</span><span class="invisible">des-difference-and-exclusion/</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/blending" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blending</span></a> <a href="https://mastodon.social/tags/blendMode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blendMode</span></a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssGradient</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a></p>
Ana Tudor 🐯<p>And here are cards with gradual left to right inversion: from no inversion at all on the left, to full inversion on the right. Again, minimal code, single div, no pseudos necessary, 2 <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> declarations.</p><p>Live demos on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span> </p><p>✳️ <a href="https://codepen.io/thebabydino/pen/mdOzLxE" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/mdO</span><span class="invisible">zLxE</span></a></p><p>✳️ <a href="https://codepen.io/thebabydino/pen/dyOVgeR" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/dyO</span><span class="invisible">VgeR</span></a></p><p><a href="https://mastodon.social/tags/blending" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blending</span></a> <a href="https://mastodon.social/tags/blendMode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blendMode</span></a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssGradient</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a></p>
Brandon H :csharp: :verified:<p>via <span class="h-card" translate="no"><a href="https://dotnet.social/@dotnet" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>dotnet</span></a></span> : .NET 10 Preview 3 is now available!</p><p><a href="https://ift.tt/c7WU42u" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/c7WU42u</span><span class="invisible"></span></a><br><a href="https://hachyderm.io/tags/DotNet10" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DotNet10</span></a> <a href="https://hachyderm.io/tags/DotNetPreview" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DotNetPreview</span></a> <a href="https://hachyderm.io/tags/CSharp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSharp</span></a> <a href="https://hachyderm.io/tags/ASPNETCore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ASPNETCore</span></a> <a href="https://hachyderm.io/tags/Blazor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Blazor</span></a> <a href="https://hachyderm.io/tags/NETMAUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NETMAUI</span></a> <a href="https://hachyderm.io/tags/EntityFrameworkCore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EntityFrameworkCore</span></a> <a href="https://hachyderm.io/tags/WindowsForms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WindowsForms</span></a> <a href="https://hachyderm.io/tags/WPF" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WPF</span></a> <a href="https://hachyderm.io/tags/MLDotNet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MLDotNet</span></a> <a href="https://hachyderm.io/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://hachyderm.io/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://hachyderm.io/tags/SoftwareDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SoftwareDevelopment</span></a> <a href="https://hachyderm.io/tags/TechNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TechNews</span></a> <a href="https://hachyderm.io/tags/DevCommunity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DevCommunity</span></a> <a href="https://hachyderm.io/tags/Li" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Li</span></a>…</p>
Ana Tudor 🐯<p>Here's another set of cards with varying patterns, all created with the exact same 4 blended CSS gradients, it's just the stops list `--c` that changes for each card.</p><p>So basically, it's again just one `background` + one `background-blend-mode` property.</p><p>Live demo on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span> <br><a href="https://codepen.io/thebabydino/pen/vYyNyER" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/vYy</span><span class="invisible">NyER</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/blending" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blending</span></a> <a href="https://mastodon.social/tags/blendMode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blendMode</span></a> <a href="https://mastodon.social/tags/pattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pattern</span></a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssGradient</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</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/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/cssPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssPattern</span></a> <a href="https://mastodon.social/tags/cssPatterns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssPatterns</span></a> <a href="https://mastodon.social/tags/patterns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>patterns</span></a></p>
Ana Tudor 🐯<p>And here's a cards demo with a cool, yet very simple trick: these left to right gradients are vibrant at the top, but then progressively get more and more desaturated going down, until fully grey.</p><p>Live on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span> <a href="https://codepen.io/thebabydino/pen/xxzjJXL" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/xxz</span><span class="invisible">jJXL</span></a> - only 2 CSS declarations necessary!</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/tinyCSStip" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tinyCSStip</span></a> <a href="https://mastodon.social/tags/blending" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blending</span></a> <a href="https://mastodon.social/tags/blendMode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blendMode</span></a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssGradient</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</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/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a></p>
Ana Tudor 🐯<p>A much newer <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span> demo: smoothly connected cards <a href="https://codepen.io/thebabydino/pen/azbLBJy" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/azb</span><span class="invisible">LBJy</span></a> - continuous backgrounds across all, concave roundings + drop shadows, responsivity.</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/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssGradient</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</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/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</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/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</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/CodePenChallenge" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodePenChallenge</span></a></p>
LavX News<p>Navigating the New Landscape of <h1> Element Styles: What Developers Need to Know</p><p>As browser vendors begin to roll out significant changes to the default styles of <h1> elements, developers must adapt their coding practices to avoid unexpected results. This article delves into the ...</p><p><a href="https://news.lavx.hu/article/navigating-the-new-landscape-of-h1-element-styles-what-developers-need-to-know" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">news.lavx.hu/article/navigatin</span><span class="invisible">g-the-new-landscape-of-h1-element-styles-what-developers-need-to-know</span></a></p><p><a href="https://mastodon.cloud/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>news</span></a> <a href="https://mastodon.cloud/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tech</span></a> <a href="https://mastodon.cloud/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.cloud/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.cloud/tags/Lighthouse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Lighthouse</span></a></p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload