Lightnews — Scholar-powered news

Janis Jansen 🌳 @janis.me · 1d

Looks super neat!

1 1

Janis Jansen 🌳 @janis.me · 2d

Hell yeah! Kevin on @piccalil.li. A must read!

Kevin Powell @kevinpowell.co · 2d

Are you the type of dev who just copies and pastes hex codes?

If so, I've written an article over at @piccalil.li just for you!

I take a look at some of the new CSS colour features that are most useful for those who don't really care about colours.

piccalil.li/blog/a-pragm...

A pragmatic guide to modern CSS colours - part one

Whether you've got a firm grasp on modern CSS colour capabilities, or you're thinking 'I struggle to understand why I should use modern CSS colours at all', then the first part of this article series,...

piccalil.li

2

Janis Jansen 🌳 @janis.me · 2d

I scrolled past this but had to come back 😂 too funny

1

Janis Jansen 🌳 @janis.me · 2d

The EU (and Germany) want to ban End-to-end encryption in Whatsapp etc. But we may be able to stop them.

This would end secure communication. Absolutely bonkers. Sign the petition and let them know it can't happen

weact.campact.de/petitions/ch...

Chatkontrolle stoppen!

Die EU-Kommission will Messenger-Dienste wie WhatsApp und Signal zwingen, alle privaten Nachrichten und Fotos in Echtzeit zu scannen. Angeblich zum Kinderschutz. In Wahrheit bedeutet die Chatkontrolle...

weact.campact.de

Janis Jansen 🌳 @janis.me · 4d

I got the "paru.dev" domain. Thought it sounded nice. Let's see if I ever use it.

There is the paru package manager already. Maybe I'll give it to them if they need it.

Janis Jansen 🌳 @janis.me · 4d

That's awesome! Then I can run my little CSS compiler thing with a repl as well :)

I made a playground running the Sass/SCSS compiler in the web some while back. These things are always so fun to play with.

themed.janis.me/playground?e...

@janis.me/react-themed example

themed.janis.me

Janis Jansen 🌳 @janis.me · 4d

Ah. If your question was in regards to the ESM execution in node:

I tried to run the rolldown output (ESM) in node's "VM" module, but that doesn't support ES imports. I am sure there is some kind of js "VM" I can use to give context (like where to import from) but that feels like bloat.

Janis Jansen 🌳 @janis.me · 4d

(...) right now. I run rolldown in a subprocess, emit the CSS and load the file exports from the rolldown output. Works okay, but I can already see a lot that makes this go south. And of course might be an overhead.

Also not sure how portable rolldown is. Can it run in the browser? (Wasm?)

2

Janis Jansen 🌳 @janis.me · 4d

(...) I also want to preserve user exports from the file, so users can use their class names, colors etc. In typescript without needing extra runtime (obviously don't want to have the preprocessor in the build).

Libraries like vanilla-extract run an extra compiler and that's what I'm going for (..)

1 1

Janis Jansen 🌳 @janis.me · 4d

Hey! I'm writing a "TS-in-CSS" library, so using typescript as a CSS preprocessor (see the thread if you're interested).

So I need to execute some typescript (and postcss) during the build, and include the resulting CSS as an asset. That part was neat and easy, but (...)

bsky.app/profile/jani...

Janis Jansen 🌳 @janis.me · 8d

It has full typescript hinting support as well.

You see what CSS will be built *inside* the type hints.

1 1

Janis Jansen 🌳 @janis.me · 5d

Writing rollup/vite plugins is super easy and satisfying.

But transpiring and executing typescript in the build process is surprisingly hard.

Especially because node still doesn't really like to execute ESM, ESPECIALLY not when it uses ES imports.

1 2

Janis Jansen 🌳 @janis.me · 6d

Outrageous!

The nyt game spelling be, showing the word "linting" but it's not in the word list.

Janis Jansen 🌳 @janis.me · 7d

Hell yeah. I'll pay the first 50 bucks xD love the idea.

Achille Lacoin @pomdtr.me · 7d

You know what ? I want to create the @smallweb.run version of tilde.town (i'm a fan)

We all share a 5$ vps, and you can apply to get your own account on the shared vps for free.

Each folder you create in your home directory becomes a live website at https://<app>.<username>.smallweb.club

tilde.town

1 3

Janis Jansen 🌳 @janis.me · 8d

I built this because I was using Sass for years, but it's not really needed anymore for what I am doing.
But I am (sadly) using more and more CSS-in-JS libraries. So I thought.. Why not make it TS-in-CSS to essentially have type-save, compositional, functional CSS (outside of the main TS files)

Janis Jansen 🌳 @janis.me · 8d

Oh no, it's really happening

Janis Jansen 🌳 @janis.me · 8d

Oh, and yes: You can do everything typescript can do. Import externals, if conditions... save selectors to variables and share them across files.. mixins...

0 runtime as well. I made a vite plugin for it!

1

Janis Jansen 🌳 @janis.me · 8d

It has full typescript hinting support as well.

You see what CSS will be built *inside* the type hints.

1 1

Janis Jansen 🌳 @janis.me · 8d

Oh no, it's really happening

1

Janis Jansen 🌳 @janis.me · 8d

According to some quick googling, of the 370 million people born in the year 2000, about 40 million will live exactly until the year 2100.

Another 20 million will live even longer than that!

Janis Jansen 🌳 @janis.me · 8d

Höre ich gleich direkt rein! Eine super Idee als Pendant zu der alles gesagt Folge :)

Janis Jansen 🌳 @janis.me · 9d

I love how you're talking to the community like I talk to LLMs when they mess up. "Just give me something concrete..."

2

Janis Jansen 🌳 @janis.me · 9d

The PERFECT timing. Just like with the blazing fast deployments. *wink*

Deno @deno.land · 9d

Shopping around for a place to host your Next.js, Svelte, Nuxt, or any other type of site?

It's easy to try out Deno Deploy for free.

deno.com/deploy

Deno Deploy

One simple platform for anything that runs with JavaScript or Typescript.

deno.com

1

Reposted by Janis Jansen 🌳

Andy Bell @bell.bz · 9d

I can't stress enough how important it is to make an example here. Take all the money from these companies. Find alternatives.

Vote with your pockets because fundamentally money and power is everything to these insufferable pricks.

Andy Bell @bell.bz · 9d

There’s never been a better time to switch from Next.js to Astro nitter.net/rauchg/statu...

nitter.net

7 20 110

Janis Jansen 🌳 @janis.me · 10d

I love this! On blueview.app, you can see who recently interacted with you, and much more insightful data!

Shout out! Don't want to tag all these busy people though :)

Thanks for making this @srsholmes.com

1 1

Janis Jansen 🌳 @janis.me · 11d

Thanks for the knowledge drop. Appreciate it!

Janis Jansen 🌳 @janis.me · 12d

But I think even overriding the node raws does not work?

Here an example:
stackblitz.com/edit/vitejs-...

Vitejs - Vite (duplicated) - StackBlitz

Next generation frontend tooling. It's fast!

stackblitz.com

1