Recent searches

No recent searches

Search options

Only available when logged in.
retro.pizza is one of the many independent Mastodon servers you can use to participate in the fediverse.
A poly-fandom instance for nerds to talk about nerd culture. No Nazis, no TERFs.

Administered by:

Server stats:

274
active users

retro.pizza: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.4.3

#frontend

7 posts5 participants0 posts today
Ana Tudor 🐯<p>Hey! 😼</p><p>If you're Cheetah+ on either Ko-fi or Patreon, a thing to better understand how feMorphology works (with interactive demos!) just dropped for you!</p><p><a href="https://ko-fi.com/post/A-little-feMorphology-demo-erosion-vs-dilation-C0C71KBV4D" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">ko-fi.com/post/A-little-feMorp</span><span class="invisible">hology-demo-erosion-vs-dilation-C0C71KBV4D</span></a></p><p><a href="https://www.patreon.com/posts/little-demo-vs-137453577" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">patreon.com/posts/little-demo-</span><span class="invisible">vs-137453577</span></a></p><p>Enjoy!</p><p><a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
Ana Tudor 🐯<p>Comic 3D on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>codepen</span></a></span> <a href="https://codepen.io/thebabydino/pen/abMvzoo" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/abM</span><span class="invisible">vzoo</span></a></p><p>A little text effect demo with outline, inner shadow, <a href="https://mastodon.social/tags/halftone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>halftone</span></a> pattern and extrusion effect.</p><p>No images other than <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> gradients, no text duplication whatsoever, contenteditable.</p><p>An <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>filter</span></a> does the magic! ✨🪄🎩🐇</p><p><a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssGradient</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/textEffect" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>textEffect</span></a> <a href="https://mastodon.social/tags/textEffects" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>textEffects</span></a></p>
Mark Wyner Won’t Comply :vm:<p>Question for my fellow CSS folks. I’m using a light-dark() function with the filters property but can’t get it to work.</p><p>I can’t find notes about it in the spec or even a reference to it anywhere.</p><p>This doesn’t work:</p><p>filter: light-dark(filters, filters);</p><p>But this does:</p><p>filter: filters;<br>@media (prefers-color-scheme: dark) {<br> filter: none;<br>}</p><p>Anyone ever try this with the function?</p><p><a href="https://mas.to/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mas.to/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://mas.to/tags/Code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Code</span></a> <a href="https://mas.to/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Coding</span></a> <a href="https://mas.to/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mas.to/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> <a href="https://mas.to/tags/AskFedi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AskFedi</span></a></p>
Ana Tudor 🐯<p>In case you missed it, I have a new article out. It's about how to get smooth edge discs with CSS radial gradients. No blurry edges or jaggies even when zooming. Check it out, you might learn something new! </p><p><a href="https://frontendmasters.com/blog/obsessing-over-smooth-radial-gradient-disc-edges/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/obses</span><span class="invisible">sing-over-smooth-radial-gradient-disc-edges/</span></a></p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssGradient</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <br>CSS resizing of DOM elements · All you need is two lines of CSS <a href="https://ilo.im/1667wb" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1667wb</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Resizing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Resizing</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/DOM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DOM</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
SELFHTML e.V.<p>Überarbeitet: *Selektoren in CSS* imho ein guter Einstieg in die Tiefen von <a href="https://bildung.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> </p><p><a href="https://wiki.selfhtml.org/wiki/Selektoren_in_CSS" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">wiki.selfhtml.org/wiki/Selekto</span><span class="invisible">ren_in_CSS</span></a></p><p><a href="https://bildung.social/tags/selfhtml" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>selfhtml</span></a> <a href="https://bildung.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://bildung.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
Liminal witch 🧙‍♀️ Sarah<p>Vue Test Utils 1 targets Vue 2<br>Vue Test Utils 2 targets Vue 3</p><p>I think I've found new appreciation of Angular devs' courage to skip version 3.</p><p><a href="https://hachyderm.io/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://hachyderm.io/tags/angular" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>angular</span></a> <a href="https://hachyderm.io/tags/vue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vue</span></a></p>
georg fischer<p>Super helpful article by <span class="h-card" translate="no"><a href="https://mastodon.social/@anatudor" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>anatudor</span></a></span> explaining how to use <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> container query units in nested containers:</p><p><a href="https://frontendmasters.com/blog/using-container-query-units-relative-to-an-outer-container/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/using</span><span class="invisible">-container-query-units-relative-to-an-outer-container/</span></a></p><p><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Techniques</span></a><br>CSS-only scrollspy effect · Two emerging CSS features make it possible <a href="https://ilo.im/1667tg" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1667tg</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Scrolling" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Scrolling</span></a> <a href="https://mastodon.social/tags/Detection" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Detection</span></a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/Bootstrap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Bootstrap</span></a> <a href="https://mastodon.social/tags/Chrome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Chrome</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
Ana Tudor 🐯<p>Hey! 😼</p><p>If you're Cheetah+ on either Ko-fi or Patreon, a thing with interactive demos to better help with understanding SVG filters just dropped.</p><p><a href="https://ko-fi.com/Post/Step-by-step-new-interactive-helper-demos-for-an-G2G01JVPG8" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">ko-fi.com/Post/Step-by-step-ne</span><span class="invisible">w-interactive-helper-demos-for-an-G2G01JVPG8</span></a></p><p><a href="https://www.patreon.com/posts/step-by-step-new-136738605" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">patreon.com/posts/step-by-step</span><span class="invisible">-new-136738605</span></a></p><p><a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
𝙎𝙩𝙤𝙢𝙖𝙩𝙖 ☄<p>Check out this frontend for mastodon-compatible social media. It's called pl-fe by <span class="h-card" translate="no"><a href="https://pl.fediverse.pl/users/mkljczk" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>mkljczk</span></a></span> <br>Codeberg: <a href="https://codeberg.org/mkljczk/pl-fe" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">codeberg.org/mkljczk/pl-fe</span><span class="invisible"></span></a><br>Try it: <a href="https://pl.mkljczk.pl" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pl.mkljczk.pl</span><span class="invisible"></span></a><br><a href="https://social.linux.pizza/tags/pl" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pl</span></a>-fe <a href="https://social.linux.pizza/tags/fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fediverse</span></a> <a href="https://social.linux.pizza/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://social.linux.pizza/tags/mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastodon</span></a></p>
Vega<p>Custom Websites! - <a href="https://mastoart.social/tags/Commissions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Commissions</span></a> OPEN!</p><p>🌐 Pricing starts at $100<br>🌐 Front-end ONLY; these are static sites<br>🌐 HTML, CSS, and minor JS<br>🌐 Provided as a ZIP<br>🌐 5-7 days turnaround</p><p><a href="https://mastoart.social/tags/KoFi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>KoFi</span></a> <a href="https://mastoart.social/tags/CommissionsOpen" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CommissionsOpen</span></a> <a href="https://mastoart.social/tags/CommsOpen" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CommsOpen</span></a> <a href="https://mastoart.social/tags/OpenCommissions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenCommissions</span></a> <a href="https://mastoart.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastoart.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastoart.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> <a href="https://mastoart.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://mastoart.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastoart.social/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> <a href="https://mastoart.social/tags/Neocities" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Neocities</span></a> <a href="https://mastoart.social/tags/Nekoweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Nekoweb</span></a> <a href="https://mastoart.social/tags/StaticWebsite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StaticWebsite</span></a></p><p><a href="https://ko-fi.com/c/2e1756f5b4" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ko-fi.com/c/2e1756f5b4</span><span class="invisible"></span></a></p>
Richard MacManus<p>GPT-5 reaction amongst developers has been...mixed. In fact one of the developers OpenAI featured on its launch-day promotions has done a complete 180 — he now says he was wrong about GPT-5 (Theo Browne). Questions of coding quality aside, GPT-5 raises some interesting longer term questions for devs: if AI can build things just using web standards, will that lead to less reliance on React frameworks? <a href="https://thenewstack.io/gpt-5-a-choose-your-own-adventure-for-frontend-developers/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">thenewstack.io/gpt-5-a-choose-</span><span class="invisible">your-own-adventure-for-frontend-developers/</span></a> <a href="https://mastodon.social/tags/gpt5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gpt5</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
Ana Tudor 🐯<p>I just don't get why anyone would use:</p><p>```<br>display: flex;<br>flex-direction: column<br>```</p><p>when `display: grid` is supported, shorter to write and allows for a lot more flexibility if you want more from your layout.</p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>layout</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/cssLayout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssLayout</span></a> <a href="https://mastodon.social/tags/cssGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssGrid</span></a> <a href="https://mastodon.social/tags/cssFlexbox" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssFlexbox</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Business</span></a> <a href="https://mastodon.social/tags/Debates" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Debates</span></a><br>Google says AI is boosting Search · Yes, but there’s a lot they’re not saying <a href="https://ilo.im/165xsy" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165xsy</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Google" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Google</span></a> <a href="https://mastodon.social/tags/SearchEngine" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SearchEngine</span></a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AI</span></a> <a href="https://mastodon.social/tags/SEO" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SEO</span></a> <a href="https://mastodon.social/tags/Traffic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Traffic</span></a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Content</span></a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Website</span></a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Mark Wyner Won’t Comply :vm:<p>Anyone know of a FOSS equivalent to Google’s PageSpeed Insights? I’ve been searching but can’t really find a Lighthouse alternative.</p><p><a href="https://mas.to/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FOSS</span></a> <a href="https://mas.to/tags/OSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OSS</span></a> <a href="https://mas.to/tags/AskFedi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AskFedi</span></a> <a href="https://mas.to/tags/PageSpeed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PageSpeed</span></a> <a href="https://mas.to/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mas.to/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a></p>
Ana Tudor 🐯<p>So I came across a weird DevTools bug... and also a very disappointing one.</p><p><a href="https://issues.chromium.org/issues/438090616" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">issues.chromium.org/issues/438</span><span class="invisible">090616</span></a></p><p>Live test on CodePen <a href="https://codepen.io/thebabydino/pen/jEbGjyG" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/jEb</span><span class="invisible">GjyG</span></a></p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/clamp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>clamp</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/DevTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevTools</span></a> <a href="https://mastodon.social/tags/Chrome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Chrome</span></a> <a href="https://mastodon.social/tags/bug" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bug</span></a> <a href="https://mastodon.social/tags/ChromeBug" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ChromeBug</span></a></p>
Stu Robson<p>🚀 Un-Sass'ing my CSS</p><p>In recent client work, we focused on leveraging "the web platform" rather than relying on frameworks, libraries, and additional dependencies.</p><p>In this article, I discuss transparency and colour manipulation using CSS instead of Sass.</p><p><a href="https://www.alwaystwisted.com/articles/UnSassing-my-CSS" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">alwaystwisted.com/articles/UnS</span><span class="invisible">assing-my-CSS</span></a></p><p><a href="https://front-end.social/tags/Sass" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Sass</span></a> <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a></p>
Steve Frenzel<p>Glad to see that <a href="https://mastodon.online/tags/codeberg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codeberg</span></a> is gaining popularity!</p><p>Does anyone have experience deploying an <span class="h-card" translate="no"><a href="https://m.webtoo.ls/@astro" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>astro</span></a></span> website with a custom domain on a service that is NOT <a href="https://mastodon.online/tags/vercel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vercel</span></a> or <a href="https://mastodon.online/tags/netlify" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>netlify</span></a>?</p><p>I'm looking for an easy to use European alternative, as I'm not too savvy with this stuff and just want to it to work.</p><p>Paid services are also fine, as long as they meet the mentioned requirements. Thanks! 🤗</p><p><a href="https://mastodon.online/tags/GiveUpGitHub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GiveUpGitHub</span></a> <a href="https://mastodon.online/tags/QuitGitHub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>QuitGitHub</span></a> <a href="https://mastodon.online/tags/Astro" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Astro</span></a> <a href="https://mastodon.online/tags/SSR" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SSR</span></a> <a href="https://mastodon.online/tags/Deploy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Deploy</span></a> <a href="https://mastodon.online/tags/GitHub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GitHub</span></a> <a href="https://mastodon.online/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.online/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Guidelines" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Guidelines</span></a><br>Betting against AI agents in 2025 · What already works in production today <a href="https://ilo.im/165vye" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165vye</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Programming</span></a> <a href="https://mastodon.social/tags/Engineering" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Engineering</span></a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AI</span></a> <a href="https://mastodon.social/tags/Agents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Agents</span></a> <a href="https://mastodon.social/tags/Automation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Automation</span></a> <a href="https://mastodon.social/tags/Production" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Production</span></a> <a href="https://mastodon.social/tags/DevOps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevOps</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Backend</span></a></p>
TrendingLive feeds
About