|
This profile might be incomplete.
Open on front-end.social Stefan JudisBlog:
Newsletter:
Twitter:
Pronouns:
he/him
Personal infoAbout:
Sharing web dev tricks with 4k people at webweekly.email Today I learned Blogger Maintaining tiny-helpers.dev
Wall 12 posts
 π‘ TIL β the new `node --run` flag doesn't run life cycle scripts. Node.js v23 was released last week and ships a new and stable `node --run` flag. The flag allows running `package.json` scripts without npm. It's slightly faster than `npm run` (we're talking a couple of hundred ms) but doesn't run life cycle scripts (e.g. `prestart`). So `node --run` is not an `npm run` replacement. Will you use it? I'd rather stick with `npm run` in this case... π€  The new Web Weekly Newsletter is out.π₯ This time: β
What makes good forms? Enjoy!π Quick reminder: if your browser support allows it, `align-content: center` works on block layout elements these days. πͺ π https://caniuse.com/mdn-css_properties_align-content_block_context   @stefan if you are testing with an emoji you will not get a perfect centering due to the baseline alignment. It's one (hidden) gotcha for this new alignment: https://css-tip.com/align-content-center/ It's probably too early to use alternative text for generated CSS content in prod and without proper fallback, but since Safari 17.4 and Firefox 128, the `/` syntax entered the baseline. πͺ If you want to learn more, I discovered it 4y ago... π https://www.stefanjudis.com/today-i-learned/css-content-accepts-alternative-text/ βοΈ For the tech writers: Google Docs now comes with more Markdown options. β¨ Now you can: - Format a doc with MD syntax (I do that all the time) https://workspaceupdates.googleblog.com/2024/07/import-and-export-markdown-in-google-docs.html @stefan MD formatting is table stakes for me. Glad to see these changes in Google docs! Firefox 128 shipped last week and with it, two new CSS features entered the baseline. @βproperty and relative color syntax. π And while you probably want to wait until you use these new features because they're hard to polyfill, now's the time to start looking into them. π After all these years, I just discovered that Firefox has a color picker right there in there inspector. π€―  There are some web dev myths that just live on and on β one of them: you should set `rel=noopener` on `target=_blank` links to null `window.opener`. Browsers have done this automatically for four years. π @stefan I guess they live on because of the commercial need to support impossibly old browser versions... Haha! Apparently, some people celebrate a new "web day" β JS Naked Day. It's 4/24 and this is heck smart. π π @stefan I think it's an awesome idea that urges people to think about creating awesome pages without heavily relying on JavaScript. If it's not an actual web app, JavaScript should only ever be progressive enhancement for an existing page. CSS quick tip: if you're adding quotation characters use `open-quote` and `close-quote` as content because they consider the document language. πͺ https://www.stefanjudis.com/today-i-learned/how-to-use-language-dependent-quotes-in-css/
Show previous comments
 @stefan Some (waving at @jyasskin) disagree with the advice to use <q>. I'm leaning more towards "fix the browser", but be aware: https://hachyderm.io/@jyasskin/112130381502947889 New on the blog. π«£ I wanted to see how well oklch() treats hue changes in terms of lightnessπ https://www.stefanjudis.com/today-i-learned/oklch-perceived-lightness/ |
Gregory's Server
@stefan For what it's worth, yarn removed lifecycle scripts support quite some time ago, pnpm support them but under a flag or config option.
Not trying to weigh against them actually, just pointing out that they did not reached consensus.
@stefan I'll stick with yarn anyway :)
@stefan I like that it doesn't print all of the npm bs when an error occurs