Ana Tudor 🐯<p>Saw the header here <a href="https://mastodon.social/@sturobson@front-end.social/114279126167674533" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mastodon.social/@sturobson@fro</span><span class="invisible">nt-end.social/114279126167674533</span></a> and had to make a version that works without JS, works with image backgrounds behind the header, works for any level of page zoom and is fully flexible when it comes to following the text wrapping on resize.</p><p>Play with it 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/MYWxeew" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/MYW</span><span class="invisible">xeew</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/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/concave" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>concave</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/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></p>
Recent searches
Search options
#webdev
368 posts265 participants32 posts today
Replied in thread
@portphillipbug Anyone out there who can help Port Philip BUG out with embedding a Mastodon feed on a SquareSpace site?
Do you really need a SPA and full JavaScript framework for that? htmx might be all you need—it's clean, fast, and plays great with Razor Pages. Let’s break down when to use htmx vs the usual suspects: https://woodruff.dev/htmx-vs-javascript-frameworks-choosing-the-right-tool-for-the-job/
Minimal CSS-only blurry image placeholders
leanrada.comMinimal CSS-only blurry image placeholders
https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackSupportedConstraints/noiseSuppression
The MediaTrackSupportedConstraints dictionary's noiseSuppression property is a read-only Boolean value which is present (and set to true) in the object returned by MediaDevices.getSupportedConstraints() if and only if the user agent supports the noiseSuppression constraint. If the constraint isn't supported, it's not include…
MDN Web DocsMediaTrackSupportedConstraints: noiseSuppression property - Web APIs | MDNThe MediaTrackSupportedConstraints dictionary's
noiseSuppression property is a read-only Boolean value
which is present (and set to true) in the object returned by
MediaDevices.getSupportedConstraints() if and only if the
user agent supports the noiseSuppression
constraint. If the constraint isn't supported, it's not included in the list, so this
value will never be false.
Dear #Microsoft, stop trying to sell me #Copilot. I don't want any AI tool, even if it's free.
First Look at The Modern attr() from @shadeed9
ishadeed.comFirst Look at The Modern attr()
More from 
Ahmad Shadeed
Hello Fediverse, time for an introduction! My name is Matthew (or Matt, Mattie), and I'm a non-binary software engineer based in the UK. I've been on fedi before but I've decided to make a presence here where I can share my more professional stuff. I'll be posting about:
- Typescript, React, Astro and Webdev
- Unreal Engine, C++ and game dev
- Devops and Linux, primarily Opensuse
Feel free to follow me!
Les applications web monopages (SPA – single page applications) posent des défis d'accessibilité, car elles ne chargent pas de nouvelles pages comme un site classique.
Cet article en anglais explore comment gérer le focus, l'historique et les titres pour une navigation fluide :
Spoiler : l'annonce d'un simple titre de page est en réalité une tâche ardue.
Accessibility ModelSingle Page Applications (SPAs): Notes on Accessibility | Accessibility Model | City of HelsinkiThere is also a PDF-version available of this guide with better styling than the basic HTML version. It may be easier to read for persons able to observe