Email or username:

Password:

Forgot your password?
16 posts total
Pelle Wessman

@ecmascript_news @rauschma Non-commercial is such a vague term – in this case it explicitly includes ”any form of content creation” and “open-source code” – apparently no matter if it’s commercially developed or not

Interestingly they are also somewhat doing a Facebook in regards to data collection:

“if you’re using a non-commercial license, you cannot opt out of the collection of anonymous usage statistics”

Unless you pay, we will collect?

Fogrew :verified: 🖖🏽

💡 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... 🤔

Show previous comments
Pascal Duez

@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.

Thomas Hunter II

@stefan I like that it doesn't print all of the npm bs when an error occurs

Fogrew :verified: 🖖🏽

I've been on a quest to find the best #StaticSite out there. Enter Static.Quest, static.quest !

This has been a side project of mine for a little while and happy to announce the initial release of Static.Quest. A simple web ring idea to list all the other amazing static websites to highlight the owners, web hosting, and static site generators.

Even have a few resources on how to get started with static sites.

#webring #jekyll #eleventy #11ty #blog #staticsitegenerator

Show previous comments
Bob Monsour

@cjerrington Very cool! I’ll add myself once I’m in a stable location. Also, in your footer, perhaps you meant “Built with Eleventy," rather than “Build with Eleventy”...though I like the admonition.

82mhz

@cjerrington
Oh very nice! And thanks for including me :)

Tom

@cjerrington Nice one!

I'll send a PR later today, and also add your directory to bukmark.club :)

Fogrew :verified: 🖖🏽

**Headless, boneless, skinless & lifeless UI**

This blog post is interested in the layered abstractions the front-end community is using so they can compose the layers themselves

nerdy.dev/headless-boneless-an

Francis 🏴‍☠️ Gulotta

@ulisesgascon “path-to-regexp” is now removed! It’s a performance bottleneck at high speeds. But re-creating this must’ve been very painful!

It looks like a lot of APIs were cleaned up and the router now takes promises? Anything else big?

Fogrew :verified: 🖖🏽

Hey, everyone! “Design for Real Life” is now available online, in full, for free, at dfrlbook.com. It’s all the same content Sara Wachter-Boettcher and I wrote in 2016, but now it’s free for everyone. (If you’d like your own paper or electronic copy, there’s a “Buy the book” page on the site.) Read, share, spread the word—thanks!

Show previous comments
Raphael

@Meyerweb Currently in the Introduction.

One small anecdote that might be related to what you're talking about: pretty much the only times my Mom uses the camera on her cellphone is when she's visiting her parents' graves and takes photos of those graves.

As a result, she clearly dislikes Google's occasional attempts to make her watch a slide show of her recent photos.

Soliyra (she/they)

@Meyerweb Reading the part about the fb "Year in review" feature, launched in 2014. 2014 was, and still is, the worst year of my life (nice try, 2020!), so this chapter hits hard.

Iestyn Lloyd :PencilRuler:

@Meyerweb Thanks for reminding me. I already purchased 😃

Fogrew :verified: 🖖🏽

The wait is over. HTML for People is OUT NOW!

I feel strongly that anyone should be able to make a website with HTML if they want. This web book will teach you how to do just that. It doesn’t require any previous experience making websites or coding. I will cover everything you need to know to get started in an approachable and friendly way.

And it’s free for all. 🚀

htmlforpeople.com

Show previous comments
katherine

@bw reading through it now and it's so fun!! i can't wait to share it 🥹

Granny Art (Shrimp) (Joni)

@bw Oh, is this like the Barebones HTML guide?

Kevin

@bw Thanks Blake! I'm going to use this to teach my kid how to build a web site. Great resource.

Show previous comments
theM0ntarCann0n

@kristoff everyone should check out tildeverse.org/ some (~green i'm on) if not all give you access to shared http(s) server. I love it b/c it's preconfigured all you need to do is put your static html there. There are more services (notably neocities) that help with things like that, basic html is super easy especially when you're using vscode(codium), it should be taught at school instead of C++/Python because you really see what you're making.

(roll m3tti)

@kristoff So damn good. Exactly on point about what i try to teach younger devs when they ones again jump on the next js framework monstrosity.

Fogrew :verified: 🖖🏽

So it turns out you can use writing-mode in Chrome & Firefox to lay out a <select> horizontally 🙃

codepen.io/leaverou/pen/PoMzXX

You can even apply field-sizing: content; to get rid of the empty space!

Show previous comments
Marius Gundersen

@leaverou If only styling the select was easier this could be useful, för example for making a toggle switch or a pure css tab-bar

Fogrew :verified: 🖖🏽

**Steal this `<details>` transition boilerplate CSS**

This post is in response to the most common use case I see folks trying to do with `interpolate-size`.

nerdy.dev/open-and-close-trans

Geoffrey Crofte ☕

@argyleink excellent use case. It's indeed a really common use case. Thanks for sharing it. I need to catch up on all the new CSS properties 😅

Side note, nothing alarming, but your content seems to be truncated on Android Firefox. I can't scroll horizontally or zoom out to get the content.

Fogrew :verified: 🖖🏽

“Syndicating an RSS feed to Mastodon using a Cloudflare worker” by @cory

🔗 coryd.dev/posts/2024/syndicati

> Everything shared from my site to Mastodon runs out of a single all activity RSS feed. […] This feed is populated from a fairly verbose `processContent` collection. It also populates my sitemap and search index since there's plenty of overlap in format and the data being handled. Anyways.
>
> Syndicating this `all…

#RSS #feed #Cloudflare

⚓️ nicolas-hoizey.com/links/2024/

“Syndicating an RSS feed to Mastodon using a Cloudflare worker” by @cory

🔗 coryd.dev/posts/2024/syndicati

> Everything shared from my site to Mastodon runs out of a single all activity RSS feed. […] This feed is populated from a fairly verbose `processContent` collection. It also populates my sitemap and search index since there's plenty of overlap in format and the data being handled. Anyways.
>
> Syndicating this `all…

Fogrew :verified: 🖖🏽

Having some fun with Web Components to toggle password input text visibility and check password rules as a user types: codepen.io/hexagoncircle/pen/L

- Sets attributes and CSS variables for score and total. This helps style the meter as rules are matched.
- The visual score/total is rendered in a pseudo element. I pass the score and total vars into a CSS counter().
- Added a rule index attribute to each list item so that a checkmark can be displayed when its corresponding rule matches.

Show previous comments
Geoff

@hexagoncircle It's lovely! Probably spent 5 minutes watchin' the loop.

Ryan Mulligan

New companion article about my experimentation with Web Components and password inputs: ryanmulligan.dev/blog/password

Guillaume Deblock

@hexagoncircle Interesting use of web components, thanks for sharing! However there's a typo on the aria-cont(r)ols attribute used on the toggle component :)

Fogrew :verified: 🖖🏽

One charger to rule them all 🔌

Only 100 days until the #commoncharger rules come into effect!

From 28 December, all new handheld electronic devices sold in the EU will be required to use a USB-C charger.

It means:
🔌 One charger for all your devices, no matter the brand 🤖🍎
⚡ Harmonised fast charging technology
♻️ Reduced e-waste

More → europa.eu/!hwjj3G

One charger to rule them all 🔌

Only 100 days until the #commoncharger rules come into effect!

From 28 December, all new handheld electronic devices sold in the EU will be required to use a USB-C charger.

It means:
🔌 One charger for all your devices, no matter the brand 🤖🍎
⚡ Harmonised fast charging technology
♻️ Reduced e-waste

Show previous comments
Sebastian "spaetz" Spaeth

@EUCommission I still have a few digital cameras at home that use *really* weird cables for charging (which are all long gone in the black wormhole where all cables go after some time). Appreciated!

Radlerin 🚴‍♀️

@EUCommission
How will this reduce the e-waste if all devices still come with their own cable?

Fogrew :verified: 🖖🏽

a customized `<select>` with:

- transitions
- anchor() with flipping
- custom content in the `<selectedoption>`
- spring easings
- scrollable picker
- sticky optgroup
- custom icons
- light/dark

nerdy.dev/custom-select-with-t

Fogrew :verified: 🖖🏽

learn about #CSS `interpolate-size: allow-keywords;` from @bramus on the Chrome Blog

Animate to height or width `auto`!

developer.chrome.com/docs/css-

Stefan Eissing

@argyleink @bramus @tomayac These browser ui adventures where the mouse hero sets out to find secrets and hidden meanings left behind by the Builders…

This is a game from fifteen years ago. 🙈💁🏻‍♂️

Fogrew :verified: 🖖🏽

Quick reminder: if your browser support allows it, `align-content: center` works on block layout elements these days. 💪 👇

caniuse.com/mdn-css_properties

CSS by T. Afif :verified:

@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: css-tip.com/align-content-cent

Go Up