André Ruffert @andreruffert.com · 11h🎉 15 years on @github.com. "At this point, you don't use Git. Git uses you." #Gitversarygitversary.andreruffert.com@andreruffert - 15 years on GitHub · GitversaryFifteen years of building, debugging, shipping, and surviving enough technology cycles to remember when today’s best practices were tomorrow’s bad ideas. 000
André Ruffert @andreruffert.com · 28/09/2026I’ve been working on a small side project: Gitversary 🎂 A fun way to celebrate your @github.com anniversary and see how long you’ve been around. 👀 gitversary.andreruffert.com ℹ️ github.com/andreruffert...gitversary.andreruffert.comGitversary · A little trip down memory laneDiscover how long you've been on GitHub. Enter your username. Let’s find out. 100
Reposted by André RuffertMDN Web Docs @developer.mozilla.org · 25/09/2026🆕 Customize MDN's browser compat tables! Press ⚙️ Settings on any compat table to choose which browsers and engines you see, and hide the ones you don't need. Your picks are saved in your browser. Try it 👇 developer.mozilla.org/en-US/docs/W... 27725
Reposted by André RuffertEcho JS @echojs.bsky.social · 25/08/2026toast-queue — Accessible, customizable toast notifications for modern web apps www.echojs.com/news/43420 #JavaScripttoast-queue.js.orgtoast-queue — Accessible, customizable toast notificationsAccessible, customizable toast notifications for modern web apps. A framework-agnostic JavaScript library with progressive enhancement, sensible core styles, and optional CSS presets. 001
André Ruffert @andreruffert.com · 25/08/2026New blog post: A practical guide to keeping a popover above other top-layer UI while remaining interactive inside modal dialogs. andreruffert.com/weblog/keepi...andreruffert.comKeeping a popover on top of the top layer · Weblog · André RuffertA practical guide to keeping a popover above other top-layer UI while remaining interactive inside modal dialogs. 000
André Ruffert @andreruffert.com · 24/08/2026toast-queue v1.0.0-alpha.29 now always stays above dialogs and popovers. Using the `toggle` event to detect top layer changes. 100
André Ruffert @andreruffert.com · 24/08/2026Conditional border radius with #CSS `sign()` syntax.club/profile/andreruffert.co… 021
André Ruffert @andreruffert.com · 21/08/2026It's been 13 years since I started using @codepen.io 🫶 172
André Ruffert @andreruffert.com · 21/08/2026Atproto Spaces, formerly known as “the permissioned data protocol,” is a new extension to #atproto that enables non-public data. atproto.com/blog/atproto...atproto.comThe Atproto Spaces Alpha is LiveAtproto Spaces, formerly known as “the permissioned data protocol,” is a new extension to atproto that enables non-public data. The alpha is now officially open. Here’s how to develop with it and what to expect as we work towards the full release. 020
André Ruffert @andreruffert.com · 20/08/2026A framework-agnostic, customizable toast library built around modern web platform primitives: Popover API, View Transitions, native DOM/events, CSS. With progressive enhancement and fallbacks when newer APIs aren't available. toast-queue.js.orgtoast-queue.js.orgtoast-queue — Accessible, customizable toast notificationsAccessible toast notifications for modern web apps. A framework-agnostic JavaScript library with progressive enhancement, sensible core styles, and optional CSS presets. 0264
André Ruffert @andreruffert.com · 31/07/2026🧪 Styling the Navigation: Declarative Route and Navigation Matching in #CSS brm.us/styling-the-...brm.usStyling the Navigation: Declarative Route and Navigation Matching in CSSOne of the things that we at Chrome have been thinking about for a while now is a way to do declarative route and navigation matching in CSS. Together with Noam Rosenthal and David Baron I’ve been wor... 000
André Ruffert @andreruffert.com · 29/07/2026Why I left LinkedIn, and why I'm betting on open professional networks instead. andreruffert.com/weblog/why-i...andreruffert.comWhy I chose to leave LinkedIn · Weblog · André RuffertWhy I left LinkedIn, and why I'm betting on open professional networks instead. 000
André Ruffert @andreruffert.com · 16/07/2026LOL 🫡 You are a website. I’m not giving you a government ID. #LinkedIn 001
Reposted by André RuffertChris Coyier @chriscoyier.net · 27/06/2026You can even animate it. codepen.io/editor/chris...codepen.ioSimple Path ExamplesA code demo by Chris Coyier created on CodePen 0373
André Ruffert @andreruffert.com · 22/06/2026`Iterator.prototype.take()` replaces `slice()` for iterators syntax.club/profile/andreruffert.co… #JavaScript #Baseline2025 050
Reposted by André RuffertRandom MDN @random-mdn.bsky.social · 17/06/2026🦖 Intl.Segmenter 🦖 developer.mozilla.org/en-US/docs/We… The Intl.Segmenter object enables locale-sensitive text segmentation, enabling you to get meaningful items (graphemes, words or sentences) from a string. #webdev #JavaScriptdeveloper.mozilla.orgIntl.SegmenterThe Intl.Segmenter object enables locale-sensitive text segmentation, enabling you to get meaningful items (graphemes, words or sentences) from a string. 021
André Ruffert @andreruffert.com · 17/06/2026💡 Need a dummy file for testing? Create files instantly with `mkfile` syntax.club/profile/andreruffert.co… 010
André Ruffert @andreruffert.com · 15/06/2026@sifa.id Happy Monday! A small UX suggestion: an adaptive favicon that follows the user's light/dark system mode. ✨ 👀 tangled.org/strings/did:...tangled.orgfavicon.svg · by andreruffert.comAdaptive sifa.id favicon that automatically matches light and dark mode. 3130
André Ruffert @andreruffert.com · 03/06/2026Grouping arrays with `Object.groupBy()` and `Map.groupBy()` syntax.club/profile/andreruffert.co… #JavaScript 010
Reposted by André RuffertATStore @atstore.fyi · 15/05/2026Syntax 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.atstore.fyiSyntax Club | at-storeShare your syntax. Spread knowledge. A place to save and discover code snippets. Powered by AT Protocol. Tag: Developer. 0178
André Ruffert @andreruffert.com · 28/05/2026Count Unicode code points in a string syntax.club/profile/andreruffert.co… #JavaScript #SyntaxClub 140
André Ruffert @andreruffert.com · 21/05/2026@sifa.id FYI: just noticed the OG image URL for my profile is returning a “500 Internal Server Error” sifa.id/p/andreruffe...sifa.id 200
André Ruffert @andreruffert.com · 21/05/2026Love 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 🙃 110
André Ruffert @andreruffert.com · 20/05/2026Go take the State of #CSS 2026 survey if you have a minute! survey.devographics.com/survey/state...survey.devographics.comState of CSS 2026Take the State of CSS survey 000
André Ruffert @andreruffert.com · 13/05/2026@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? 210
André Ruffert @andreruffert.com · 08/05/2026Sanitizing unsafe HTML with `setHTML()` syntax.club/profile/andreruffert.co… 010
André Ruffert @andreruffert.com · 07/05/2026`Math.sumPrecise()` improves numeric accuracy by reducing rounding errors when summing values. syntax.club/profile/andreruffert.co… 030
André Ruffert @andreruffert.com · 16/04/2026I’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. 111
Reposted by André RuffertFeross @feross.bsky.social · 07/01/2026Must-read from Nicholas C. Zakas (ESLint maintainer) on how GitHub could better secure npm and prevent supply-chain attacks. humanwhocodes.com/blog/2026/01...humanwhocodes.comHow GitHub could secure npm - Human Who CodesWhy doesn't npm detect compromised packages the way credit card companies detect fraud? 061
Reposted by André RuffertStefan Judis @stefanjudis.com · 05/01/2026This 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. 🫣 76316
Reposted by André RuffertMDN Web Docs @developer.mozilla.org · 14/11/2025🆕 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/... 0487
André Ruffert @andreruffert.com · 01/11/2025“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...csswizardry.comBuild for the Web, Build on the Web, Build with the Web – CSS WizardryWhat is the real, long-term cost of adopting a JavaScript framework? 010
Reposted by André RuffertAndré Ruffert @andreruffert.com · 27/10/2025👀 “PiPHero is a macOS menubar app that enables you to picture-in-picture any of your application windows” piphero.apppiphero.appPicture-in-picture all the things · PiPHeroPiPHero is a macOS menu bar app that allows you to view any of your application windows in picture-in-picture mode, so you can keep an eye on them while multitasking 001
André Ruffert @andreruffert.com · 30/10/2025Thank you so much for your support, @mjpawlowski.bsky.social! 🙌 github.com/sponsors/pip... 010
Reposted by André RuffertAndré Ruffert @andreruffert.com · 29/10/2025The DevTools Animations panel is also quite handy to debug view transitions. It is available in Chromium-based browsers. developer.chrome.com/docs/devtool...developer.chrome.comAnimations: Inspect and modify CSS animation effects | Chrome DevTools | Chrome for DevelopersInspect and modify animations with the Animations panel. 131
Reposted by André RuffertZach Leatherman @zachleat.com · 29/10/2025with an obligatory nod to andreruffert.github.io/syntax-highl... from @andreruffert.com 021
Reposted by André Ruffertbeyond tellerrand @beyondtellerrand.com · 27/10/2025We 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...beyondtellerrand.comJoin the Team – Be a Volunteer in Berlin 2025Join the beyond tellerrand Berlin as volunteer! Be part of the team behind the magic. 086
Reposted by André RuffertRandom MDN @random-mdn.bsky.social · 23/10/2025🦖 Random MDN: Array.prototype.toReversed() 🦖 developer.mozilla.org/en-US/docs/We… The toReversed() method of Array instances is the copying counterpart of the reverse() method. It returns a new array with the eleme… #webdev #JavaScriptdeveloper.mozilla.orgArray.prototype.toReversed()The toReversed() method of Array instances is the copying counterpart of the reverse() method. It returns a new array with the eleme… 021
Reposted by André RuffertBramus @bram.us · 08/10/2025A 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.developer.chrome.comWhat's new in view transitions (2025 update) | Blog | Chrome for DevelopersAn overview of what changed for View Transitions in 2025 0247
Reposted by André RuffertRandom MDN @random-mdn.bsky.social · 08/10/2025🦖 Random MDN: view-timeline-name 🦖 developer.mozilla.org/en-US/docs/We… 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 #CSSdeveloper.mozilla.orgview-timeline-nameThe 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… 021
Reposted by André RuffertStefan Judis @stefanjudis.com · 07/10/2025TIL, Node.js ships a native `glob` utility since 22.17. 🎉 3171
André Ruffert @andreruffert.com · 07/10/2025With the introduction of ES2024, JavaScript now offers native support for grouping data with the new Object.groupBy() and Map.groupBy() methods. 030
Reposted by André RuffertBrecht De Ruyte @utilitybend.com · 12/09/2025🚀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...utilitybend.comStyling siblings with CSS has never been easier. Experimenting with sibling-count and sibling-index | utilitybendReady to spice up your CSS? This article dives into the new sibling-count() and sibling-index() functions, showing you how they can simplify your styling and create cool effects. 112925
André Ruffert @andreruffert.com · 24/09/2025Are developers the right target audience for such a scam? 🤣 120
André Ruffert @andreruffert.com · 29/08/2025👀 “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 000
André Ruffert @andreruffert.com · 29/08/2025github.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) 010
Reposted by André RuffertFriday Front-End @fridayfrontend.com · 12/08/2025Should 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...stefanjudis.comShould responsive images work with container queries?A summary of ongoing spec discussions regarding container based image loading. 031