Making Firefox's right-click not suck with about:config 👉 joshua.hu/firefox-maki...

Another article about the Bronze Age of the web, another publication vetoes my tangential dunks on JavaScript's creator. With this kind of cowardly attitude, journalism is doomed no matter what. These dunks really tied the article together!

You can say many things about #JavaScript modules, but one thing is for sure: they are complex. You think they should be even more complex? Well, there is a proposal for synchronous conditional imports! Won't work in browsers but may be useful on platforms like #NodeJS. 👉 github.com/tc39/proposa...

Another example of private fields not really being fields and/or structuredClone() not really cloning objects, depending on how you want to assign blame 🙃 #javascript #webdev

You can say many things about #JavaScript modules, but one thing is for sure: they are complex. You think they should be even more complex? Well, there is a proposal for synchronous conditional imports! Won't work in browsers but may be useful on platforms like #NodeJS. 👉 github.com/tc39/proposa...

It's conference time! We start strong with a creaky rust bucket of a rental bike that I had to battle through significant headwind... only to find out that the train is delayed before it even starts.

🚩✊️️ TGIF, because Friday is Dependency Deletion Day! It has come to my attention that some folks STILL use lodash because of… cloneDeep? About 150,000,000 weekly downloads for this ancient function on NPM, but come on—we've had structuredClone for some time! 👉️ developer.mozilla.org/en-US/docs/W...

🤯 TIL that the _doctype_ is just a node, like text or comments! Don't like your #HTML document's doctype? Well, use some #JavaScript to remove it and replace it with something more to your liking. Maybe something more… traditional? Transitional, even? #webdev

Neues Training am Start: Idiomatische Web Components für jedes Frontend 👉 www.developer-world.de/dwx-academy/... Für alle, die nicht einfach nur „React, aber in anstrengender“ haben wollen!

🤯 TIL that the _doctype_ is just a node, like text or comments! Don't like your #HTML document's doctype? Well, use some #JavaScript to remove it and replace it with something more to your liking. Maybe something more… traditional? Transitional, even? #webdev

💡 Small #JavaScript tip! If you have an indexed collection (array, CSSStyleProperties, HTMLCollection) that you want to pluck named AND indexed properties from, object destructuring is your friend. You can pull and re-assign "0" to a new name, alongside any other properties you intend to access.

Fine-tuning slides for the *checks notes* .NET conference next week. Don't know why they want me to talk about weird low-level JavaScript features, but ask and ye shall receive ¯\_(ツ)_/¯

If I were publishing a new full-stack framework based upon an existing test suite, I would make sure “Hello World” worked. But at least they did think to add the universal disclaimer! 👉 github.com/cloudflare/v...

🤪 Using the Browser’s <canvas> for Data Compression 👉 jstrieb.github.io/posts/canvas... #webdev #javascript

💡 Small #JavaScript tip! If you have an indexed collection (array, CSSStyleProperties, HTMLCollection) that you want to pluck named AND indexed properties from, object destructuring is your friend. You can pull and re-assign "0" to a new name, alongside any other properties you intend to access.

🤢 Behold! The most broken #CSS that still sort of works! Conforming parsers do not distinguish between }, ), and EOF... and filter function arguments are optional. Ending your CSS with "blur(" has the same effect as "blur(0px)" with all braces closed. In Action: codepen.io/SirPepe/pen/... #webdev

_MY_ coding agent does have a measurable impact on productivity.

I need <input type="duration"> Ideally built with Temporal.Duration in mind. #html #webdev

🤢 Behold! The most broken #CSS that still sort of works! Conforming parsers do not distinguish between }, ), and EOF... and filter function arguments are optional. Ending your CSS with "blur(" has the same effect as "blur(0px)" with all braces closed. In Action: codepen.io/SirPepe/pen/... #webdev

🐌 Your frontend feels slow, but you’re not sure why?  @sirpepe.bsky.social helps you understand what’s happening under the hood of the browser + how to fix performance issues the right way.  📅 Mo, June 8, 26 | #webinalewebweek |📍BER 🤓 Workshop: https://tinyurl.com/4x9cn9zy #JavaScript #CSS

Well, damn. #css #webdev

🚩✊️ Friday is Dependency Deletion Day and a good day to consider whether we still need the glob package (212,000,000 downloads/week). After all, Node.js comes with its own glob functions in sync and async flavors. Built-in features always beat clogging up node_modules!

The entirety of Farscape is on YouTube: youtube.com/@farscapeoff... Very fun, but every time a side character sounds a bit too Australian, I half expect them to start ranting about nuggets and mini USB.

Toby has gotten into the habit of DEMANDING a miniscule piece of butter every time we have a full breakfast. You'd think you can hear this picture, but trust me: he's way louder than that. #caturday

Yesterday Cory Doctorow argued that refusal to use LLMs was mere "neoliberal purity culture". I think his argument is a strawman, doesn't align with his own actions and delegitimizes important political actions we need to make in order to build a better cyberphysical world.

The hoops you jump through to battle FOUC when <dark-mode-toggle> is a #webcomponent with custom dark/light states, but all the JS magic may need some time to load, so there's also a content attribute for the initial state, but that may in turn be overridden by user choice (= custom states) 🥴 #css

lol, AWS vibe coded itself an outage www.ft.com/content/00c2...

Hoppla, Spontanauftritt auf der BASTA! in zwei Wochen - schickt eure Enterprise-Kolleg:innen vorbei! Session 1: Streams und asynchrone Iterables für JavaScript und TypeScript 👉 basta.net/web-developm... Session 2: Performance-Tuning für jedes Web-Frontend 👉 basta.net/web-developm...

My dear Team #TypeScript! Please try to give your generics proper names. “T”, “U” and “V” do not cut it. After all, you don't call every variable in your runtime code just “x”, “y” and “z”, do you? #webdev

While the slopocalypse drowns OSS maintainers in avalanches of garbage PRs and irrelevant bug reports, I'm holding the line by focusing only on the issues that truly matter 💪 github.com/lezer-parser...

Hoppla, Spontanauftritt auf der BASTA! in zwei Wochen - schickt eure Enterprise-Kolleg:innen vorbei! Session 1: Streams und asynchrone Iterables für JavaScript und TypeScript 👉 basta.net/web-developm... Session 2: Performance-Tuning für jedes Web-Frontend 👉 basta.net/web-developm...

New heuristics inbound for Code.Movie! Deciding if a comment or string is still the same comment or string when its entire contents change is impossible in general and will sometimes require manual intervention. But fine-tuning the heuristics can at least make the algorithm correct more often!

My dear Team #TypeScript! Please try to give your generics proper names. “T”, “U” and “V” do not cut it. After all, you don't call every variable in your runtime code just “x”, “y” and “z”, do you? #webdev

Yo dawg, time for a #CSS fun fact: keyframe names can be strings. Why? Well, in case you want your keyframes to be named “@keyframes,” obviously! #webdev

Building a sort of infographic about image formats, and my head hurts from juggling png.png, jxl.svg and svg.avif 🥴

Still relying on mountains of #JavaScript for form validation? @sirpepe.bsky.social breaks down that: 🔸 Native validation isn’t broken, it’s misunderstood 🔸 Default browser behavior can be customized #webinale |📍BER | 📅 June 8 – 12, 26 💡Session: https://tinyurl.com/fe84ptz6 #WebDev #UX

Yo dawg, time for a #CSS fun fact: keyframe names can be strings. Why? Well, in case you want your keyframes to be named “@keyframes,” obviously! #webdev

it’s important to keep caring about how things work and how they’re built

👶 „Waaah I can't use <dialog>, I need 500 megs of #JavaScript for animations“ 👶 Nonsense, all you need is to apply @starting-style to VISIBLE dialog elements: codepen.io/SirPepe/pen/... Firefox does not support transition-behavior right now, but this only affects closing animations. #html #webdev

I do aim to make code.movie as reliable as possible and deal with even the most broken garbage code. It appears to work if it takes me WEEKS to notice that I was using the entirely wrong language to highlight this bit of HTML 🫣

👶 „Waaah I can't use <dialog>, I need 500 megs of #JavaScript for animations“ 👶 Nonsense, all you need is to apply @starting-style to VISIBLE dialog elements: codepen.io/SirPepe/pen/... Firefox does not support transition-behavior right now, but this only affects closing animations. #html #webdev

🥳 🥳 🥳 Revision 700: 2016 vs. 2026 – Was ist aus unseren Prognosen geworden? workingdraft.de/700/ 🥳 🥳 🥳

have a chuckle at this "Git flow" slop might explain GitHub's recent outages learn.microsoft.com/en-us/traini...

Somebody on LinkedIn asked for my approach to global CSS in #Webcomponents with Shadow DOM: 1. Import CSS as Strings (via Vite) 2. Shove CSS into the CSSStyleSheet Constructor 3. Add the results to ShadowRoot's adopted stylesheets 4. Delete all of the above once Safari supports CSS module scripts

Having my incompetent self fuck around in a real video editor may actually be more productive than rendering everything out in HTML and CSS (and then getting Chrome to take screenshots with that sort of shadow and background).

🚩✊️ Friday is Dependency Deletion Day and reckoning day for lodash's groupBy() function. I have no idea how this still has MILLIONS of weekly downloads when native Object.groupBy() and even Map.groupBy() are available. Free your dependencies by deleting lodash today!

My plan for the official airline of web development is coming together: Step 1: Take over PNG air (pngair.com.pg) Step 2: Get fuel and ground logistics support from SVG (www.svg.de) Step 3: Convince CSS to drop their health insurance business and insure our planes instead (www.css.ch)

Somebody on LinkedIn asked for my approach to global CSS in #Webcomponents with Shadow DOM: 1. Import CSS as Strings (via Vite) 2. Shove CSS into the CSSStyleSheet Constructor 3. Add the results to ShadowRoot's adopted stylesheets 4. Delete all of the above once Safari supports CSS module scripts

Just got lunch delivered. Now he's off to beat up another toy, probably to deliver this to the other human in his care.