Ever struggled to get heading tags right in includes/components? headingoffset could be the answer…
I appreciate this thoughtful and well articulated explanation. And totally agree with this opposition.
Chrome shipped an LLM Prompt API to the web platform. At Mozilla, we oppose this API. Here's why:
You wouldn't believe how many edge cases exist in autoscrolling of time synced lyrics UI. How big is the autoscroll zone? Someone scrubbed the progress bar? Oops, the user is in the zone but scrolling! Etc. Really happy with my recent improvements!
Wrote about some of the gotchas with CSS @layer blog-tryggvi.fly.dev/blog/css-lay...
Why CSS @layer Declarations Don't Work Like You Think
A deep dive into the core conflict between CSS source order and module bundlers, and why your @layer declarations might not behave the way you think.
blog-tryggvi.fly.dev
Marquees.. Love them or hate them. Probably the latter! There are niche places for them, but are tricky to implement in an accessible and performant way on the web. blog-tryggvi.fly.dev/blog/perform...
Building a Performant Marquee Component for the Web
Learn how to create a smooth, accessible marquee component that respects user preferences and handles complex text layouts.
blog-tryggvi.fly.dev
Bluesky doesn't penalize you for using links, tags, using key words like Patreon or commissions, and doesn't have a central algorithm on your following feed, which means all the power rests on you to help your favourite creators be seen!
PSA on links: On Bluesky, there’s no limit to the number of links you can share, and they will receive the same visibility as your other posts 💙
Finally some improvements to GitHub review ui! I've been unhappy with it for so many years! I really hope it's virtual scrolled now, that's just table stakes in 2025. github.blog/changelog/20...
Improved pull request files changed experience now in public preview - GitHub Changelog
An improved, more accessible, and better performing pull request “Files changed” page is now available in public preview! This improved experience is rolling out now. Once it is available to…
github.blog
New release of github.com/tryggvigy/es... is out! Now also available via npx 🎉 Try it on your repo: `npx @esm-checker/checker -p ./package.json` Or analyze any npm package at: esm-checker.fly.dev
GitHub - tryggvigy/esm-checker
Contribute to tryggvigy/esm-checker development by creating an account on GitHub.
github.com
Finally got the cross compilation and npm publishing of @esm-checker/checker working in Github Actions! It's getting close to being able to be used by anyone to check a whole repo. Created a few issues to follow up github.com/tryggvigy/es... also need to write docs
Issues · tryggvigy/esm-checker
Contribute to tryggvigy/esm-checker development by creating an account on GitHub.
github.com
Just deployed esm-checker.fly.dev it can check the ESM readiness of any npm package 📦 I have lots of improvements in mind, and a npm package version to check a whole repo at once coming up 🎉
ESM Ready Checker
esm-checker.fly.dev
Working on something that I think could be useful. It's like bundlephobia.com for ESM readiness. Do you think this could be helpful?
Attacks on vibe-coding have begun. LLMs sometimes hallucinate and install non-existent packages. As a result, attackers have started publishing malicious packages under these hallucinated names, which frequently appear in AI-generated suggestions. socket.dev/blog/slopsqu...
Not so impressed by Gemini. Ive gotten used to LLMs doing a better job. In fact chatGPT made short work of this
A new version of github.com/tryggvigy/ps... is out! It now ESM-only, has zero dependencies, and is split into `pseudo-localiztion` and `pseudo-localization/dom`. It's also over 100% smaller (1.5Kb) 🤓
GitHub - tryggvigy/pseudo-localization: Dynamic pseudo-localization in the browser and nodejs
Dynamic pseudo-localization in the browser and nodejs - tryggvigy/pseudo-localization
github.com
Bloc Party is such a good band. I keep re-realising this every few years
Really enjoying being back in Iceland over the holidays. Driving all the time and singing in the car 🎶
I was reading @kizu.dev awesome CSS experiment with kizu.dev/fit-to-width/ and immediately saw a use-case for our headers at work. But we need to 1. fit to the block axis as well, and 2. ideally support line-clamp too. I took a stab at 1. and got it working. codepen.io/tryggvigy/pe...
Fit-to-Width Text: A New Technique
Registered custom properties are now available in all modern browsers. Using some pre-existing techniques based on them and complex container query length units, I solved a years-long problem of fitti...
kizu.dev
Every now and then I get blown away by someone's depth of knowledge in CSS and their willingness to share the magic with the rest of us dev.to/janeori/css-... by @janeori.bsky.social
CSS Type Casting to Numeric: tan(atan2()) Scalars
In current browser implementations of CSS, you cannot divide by length types; calc(100vw / 5px) does...
dev.to
@samwho.dev makes these amazing interactive teaching articles about programming concepts, you should check it out! samwho.dev
👋 Hi. I'm Sam.
I write visual and interactive guides to programming topics.
samwho.dev
If anyone is using the Behringer X32 mixer this might be useful github.com/tryggvigy/x3... Rust port of the official python2 script from 2017. Extracts wav for each channel in the recording
GitHub - tryggvigy/x32_wav
Contribute to tryggvigy/x32_wav development by creating an account on GitHub.
github.com
We are upgrading our practice/gig setup and I'm so excited about it!
Did you know that custom functions in Google Sheets support wasm? Imagine all the possibilities 🤓
I want to write a few tech posts but don't really know where to start! I feel like i could share a few things that might help others people. But I also don't want to spend too much time or effort on here even though.