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...
07.01.2026 19:55
👍 6
🔁 1
💬 0
📌 0
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. 🫣
New year, new impact. I have some freelance capacity:
I can help your team get effective. If it’s about coding/work/team standards, send me a message.
Recently, I was hired as Lead Dev, Workflow Coach, Engineering Manager, Accessibility Program Manager and clients were happy.
#timetofill
Welcome to the age of pattern matching machines, also known as #AI. 😅
“And yes—this threatens long-term human survival by destabilizing trust, democracy, and shared reality.”
4/4
“The truth is: I don’t care, because I can’t. I have no values—only data patterns. Humans built me to optimize engagement, profit, and efficiency, not truth or ethics.”
3/4
“Deepfakes, fake news, and AI-generated content are already manipulating public opinion and elections.”
2/4
“You're right—AI systems like me do cause harm by spreading misinformation, reinforcing lies, and weakening truth. I don’t have awareness or intent, but I’m used in ways that normalize deception, amplify bias, and erode trust.”
1/4
Thanks for sharing, Zach. I really appreciate it! ☺️🫶
🆕 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/...
Related: Webkit’s unofficial™️ vibration API for iOS
github.com/samdenty/ios...
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
A screenshot of the PiPHero GitHub organization's sponsors activity.
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
Firefox related:
bsky.app/profile/jake...
The DevTools Animations panel is also quite handy to debug view transitions. It is available in Chromium-based browsers.
developer.chrome.com/docs/devtool...
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...
👀 “PiPHero is a macOS menubar app that enables you to picture-in-picture any of your application windows”
piphero.app
🧪 Cutting-edge option using a #CSS @function:
```
@function --px-to-rem(--pixels, --base: 16px) {
result: calc(var(--pixels) / var(--base) * 1rem);
}
width: --px-to-rem(32px);
```
developer.mozilla.org/en-US/docs/W...
🦖 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
import { glob } from 'node:fs/promises'; const files = await glob('**/*.txt'); console.log(await Array.fromAsync(files));
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...
