Syntax Club lets you create, save, and share code snippets on AT Protocol, gorgeous previews that keep the original code fully copyable, accessible, and reusable. No screenshots of code. No dead images.

Count Unicode code points in a string https://syntax.club/profile/andreruffert.com/snap/3mmw2bet4c22t #JavaScript #SyntaxClub

Appreciate the shoutout 🙃

@sifa.id FYI: just noticed the OG image URL for my profile is returning a “500 Internal Server Error” sifa.id/p/andreruffe...

Love seeing @sifa.id taking shape. Feels like there’s real potential for a genuinely better alternative in this space. I was honestly close to building something similar myself. Wild that LinkedIn has gone this long without a serious challenger 🙃

Go take the State of #CSS 2026 survey if you have a minute! survey.devographics.com/survey/state...

@tangled.org I'm trying to fork a repository, but I'm getting a "Failed to connect to knot server" response (error message not visible in the UI). Are there any known outages with "knot1.tangled.sh" right now?

Sanitizing unsafe HTML with `setHTML()` https://syntax.club/profile/andreruffert.com/snap/3mldrkaydpx2t

`Math.sumPrecise()` improves numeric accuracy by reducing rounding errors when summing values. https://syntax.club/profile/andreruffert.com/snap/3mlc5pb52ad2t

Good memories 🫰

I’ve been hacking on an app to save, share, and discover code snippets, built on #atproto. Super early days, but it’s slowly taking shape.

Must-read from Nicholas C. Zakas (ESLint maintainer) on how GitHub could better secure npm and prevent supply-chain attacks. humanwhocodes.com/blog/2026/01...

This has been in the making for over a year, and I'm super excited about the new Web Weekly site! Check it out if you're into Frontend news about browser APIs, CSS features, and web standards. 🥰 webweekly.email There are still some rough edges here and there, but it's about time to get it out. 🫣

🆕 The URL Pattern API is Newly Available! Use it to match and extract parts of URLs, no need to reinvent routing logic. Supports literals, wildcards, named groups, and even regex constraints. Learn how it works 👇 developer.mozilla.org/en-US/docs/...

Kicking off day two! #btconf

“The web as a platform is a safe bet. It’s un-versioned by design. That’s the commitment the web makes to you—take advantage of it.” csswizardry.com/2025/01/buil...

👀 “PiPHero is a macOS menubar app that enables you to picture-in-picture any of your application windows” piphero.app

Thank you so much for your support, @mjpawlowski.bsky.social! 🙌 github.com/sponsors/pip...

The DevTools Animations panel is also quite handy to debug view transitions. It is available in Chromium-based browsers. developer.chrome.com/docs/devtool...

with an obligatory nod to andreruffert.github.io/syntax-highl... from @andreruffert.com

We want you ! Join the #team of #btconf in Berlin and experience the event from a different perspective. If you need reasons why, accept from not paying a ticket, check this link. beyondtellerrand.com/blog/join-be...

🦖 Random MDN: Array.prototype.toReversed() 🦖 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/toReversed The toReversed() method of Array instances is the copying counterpart of the reverse() method. It returns a new array with the eleme… #webdev #JavaScript

A lot has happened since Chrome shipped Same-Document View Transitions in 2023. In 2024 we shipped Cross-Document VTs, added refinements such as `view-transition-class` and VT Types, and also welcomed Safari in adding VT support. And this year … well, I wrote a post summing it all up.

🦖 Random MDN: view-timeline-name 🦖 https://developer.mozilla.org/en-US/docs/Web/CSS/view-timeline-name The view-timeline-name CSS property is used to define the name of a named view progress timeline, which is progressed through based on the change in visibility of an element (know… #webdev #CSS

TIL, Node.js ships a native `glob` utility since 22.17. 🎉

With the introduction of ES2024, JavaScript now offers native support for grouping data with the new Object.groupBy() and Map.groupBy() methods.

🚀The new CSS sibling-index() and sibling-count() functions let us create staggered animations, dynamic color palettes, and even complex circular layouts with ease. I wrote about my first experiments with these fantastic new CSS additions. So much fun! ♥️ ✨ #CSS utilitybend.com/blog/styling...

Are developers the right target audience for such a scam? 🤣

👀 “The Web Install API aims to standardize the way installations are invoked by end users, creating an ergonomic, simple and consistent way to get web content installed onto a device.” github.com/MicrosoftEdg...

github.com is currently a good example of the consequences of not adopting a "mobile-first" approach, resulting in poor performance and UX on mobile devices. (slow 4G network throttling)

Should responsive images work with container queries? "Container queries are slowly moving towards cross-browser support, and it got me wondering: how is image loading supposed to work in a container-based world?" #CSS www.stefanjudis.com/notes/should...

css-questions.com Can you get 20/20 on your first try?

GitHub will no longer be independent after the CEO's resignation. Instead, it will become part of Microsoft's AI engineering team. www.theverge.com/news/757461/...

Wow, a jQuery plugin/polyfill that I published over 12 years ago still gets about 2M hits per month on jsDelivr... 😅

Damn, even works with contenteditable. Nice work @andreruffert.com! github.com/andreruffert...

You might remember my old Random MDN bot that was killed by Elon on 🐦. @andreruffert.com just ported it to bsky! 🎉 👇

Open Path is a show about @chadwhitacre.com’s quest to discover the true meaning of the gift of #OpenSource ✨ openpath.quest

A bot posting the Echo JS RSS feed to Bluesky http://www.echojs.com/news/43014 https://github.com/andreruffert/echojs-bsky-bot

“Preferring gaps to margins is so obvious to me that it’s honestly challenging to write about it. What is there to argue? It just makes sense.” #CSS #DesignSystems

I had a great time at #GoogleIOConnect Berlin! Thanks to everyone involved 🫶

Happy "European Accessibility Act goes into effect" week to all who celebrate

Have a long webpage or infinite scroll? 📃 Apply content-visibility to sections of the page to delay rendering until they're visible, resulting in faster initial load times. Once the content scrolls into view, it gets rendered automatically. Use now 👇 developer.mozilla.org/en-US/docs/...

@chriscoyier.net FYI, I left a comment here about how to fix the currently broken pen. In case you have some free time... ✌️ codepen.io/chriscoyier/...

Wow, <syntax-highlight> element was featured in the latest issue (#741) of JavaScript Weekly. javascriptweekly.com/issues/741 💛

JSON module scripts are now Baseline Newly Available @tomayac.com web.dev/blog/json-im... #ECMAScript #JavaScript

Use the new CSS relative color syntax to get an accessible contrast color.

🆕 CSS container scroll-state queries allow us to selectively apply styles to descendant elements based on the container's scroll state. andreruffert.com/weblog/detec...

hello, world