#JavaScript

Deno's avatar
Deno

@[email protected]

Oracle justified its JavaScript trademark by claiming Node.js — now it wants that ignored

deno.com/blog/deno-v-oracle2

Deno's avatar
Deno

@[email protected]

Oracle justified its JavaScript trademark by claiming Node.js — now it wants that ignored

deno.com/blog/deno-v-oracle2

Thomas Michael Semmler's avatar
Thomas Michael Semmler

@[email protected]

Do you know of directories, libraries, websites etc. that list a variety of different web components?

I am not looking for component libraries or complete frameworks, I am looking for standalone web components.

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

【Javascript】非同期処理になれるための問題集 #1
qiita.com/arunbababa/items/f19

TJ Draper's avatar
TJ Draper

@[email protected]

I've worked with dates and times in several programming languages, and I have to say that the best is easily PHP (since the big refactor in, what was it, 5.6?).

The worst is easily Javascript.

TJ Draper's avatar
TJ Draper

@[email protected]

I've worked with dates and times in several programming languages, and I have to say that the best is easily PHP (since the big refactor in, what was it, 5.6?).

The worst is easily Javascript.

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

【Chrome】いちど拒否した位置情報やカメラの権限を何度も何度も何度も何度も何度も何度も何度も何度も要求できるようになる
qiita.com/rana_kualu/items/43a

Deno's avatar
Deno

@[email protected]

JSR is now openly governed — meet its board members and check out its governance charter 👇

deno.com/blog/jsr-open-governa

えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20250203 / graphic

code : openprocessing.org/sketch/2529

えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20250203 / graphic

code : openprocessing.org/sketch/2529

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

重み付きランダム選択関数の作り方 (TypeScriptで実装)
qiita.com/ooyy0121/items/6783e

Deno's avatar
Deno

@[email protected]

Deno's fully featured, zero-overhead FFI is stable

Deno's avatar
Deno

@[email protected]

Building a CLI is easy with these browser methods 👀

Deno's avatar
Deno

@[email protected]

Deno 2.1.8 has been released with important LSP performance improvements along with an important bug fix for S3 uploads

github.com/denoland/deno/relea

Deno's avatar
Deno

@[email protected]

AsyncIterable<T> can be used to construct the body for Request and Response 👇

Deno's avatar
Deno

@[email protected]

Building a CLI is easy with these browser methods 👀

Deno's avatar
Deno

@[email protected]

Deno 2.1.8 has been released with important LSP performance improvements along with an important bug fix for S3 uploads

github.com/denoland/deno/relea

Deno's avatar
Deno

@[email protected]

AsyncIterable<T> can be used to construct the body for Request and Response 👇

Andy Piper's avatar
Andy Piper

@[email protected]

tl;dr I created an extension for the GNOME desktop on Linux, so that folks can stream and listen to music from The Indie Beat – an online radio station powered by independent musicians sharing music in the Fediverse, via Bandwagon.

Background

Independent musicians, creatives, artists, makers – these are all folk who often struggle to connect with audiences, and where retail and tech platforms tend towards squeezing their ability to make money from their work (see the excellent Chokepoint Capitalism by Cory Doctorowessential reading for today’s world and understanding how it systematically squeezes creatives). Over the Christmas period, I finally deleted my Spotify account, after reading about yet more awful ways that company is destroying authentic creativity for their own profit.

Cancelled Spotify. One of those things I'd allowed to roll far too long for no good reason (not paying attention), and the "ghost artists" stuff has made me feel particularly unfriendly towards the platform. harpers.org/archive/2025/01/th

— Andy Piper (@andypiper@macaw.social) 2024-12-23T12:31:01.894Z

I’ve been a huge fan of independent artists for a very long time. Back in the MySpace / MP3 / Napster days I came across folks who I now count as friends, amazing musicians such as Cindy Alexander, and Alex Cornish.

Up until recently there was a wonderful streaming station, RadioFreeFedi, that offered music from artists who had a presence in the Fediverse. Sadly, that has now gone away.

Over the past couple of years I’ve been attending Fediforum, an online conference where people building in the Fediverse gather to share projects and ideas. During the events in 2024, I came across two fantastic people with an interest in making things better for artists and musicians: Ben Pate, builder of the Emissary platform, which has a music-centric edition called Bandwagon; and Kirsten Lambertsen, a multi-talented web creative who runs Patron Hunt, and who spun up an alternative streaming station, The Indie Beat.

Happy New Year fedifriends!

I'm excited to officially announce the launch of TheIndieBeat.fm, a streaming radio station showcasing indie from the Fediverse.

The Indie Beat Radio is made possible through a collaboration with Bandwagon.fm / @benpate

Music artists who upload their work to Bandwagon.fm have the option to make tracks available for streaming on TheIndieBeat.fm

Our goal is to use federation to make less work for artists — upload once; distribute infinitely.

— MizKirsten (@mizkirsten) 2025-01-02T20:30:17.360Z

The Indie Beat builds on Bandwagon, so artists who share their music in the Fediverse via Bandwagon, can also choose to add them to rotation on The Indie Beat.

Some inspirations

I was nerd-sniped, I mean, inspired, to make something with The Indie Beat, in part through a nice blog post shared by Neil Brown (which was apparently prompted by me, so that’s nice and circular!) about how to add the streams from The Indie Beat into Linux music apps such as mpd.

I don’t use mpd, and to be honest I most often live on Apple platforms (but I do keep a Plex server, which I intend to move to Jellyfin this year as I work on improving my self-hosting and homelab situations). I was pretty sure that I’d seen a taskbar music player for GNOME, though. I usually run GNOME on my Linux systems – the exception being my MNT Pocket Reform, which is Sway with a minimal set of other desktop apps.

The player I was thinking of is the SomaFM internet radio extension, which is a menubar app that lists the SomaFM station streams, and allows the user to choose between them.

The process

The first iteration was a straightforward copy/edit hack of the SomaFM extension, replacing the list of channel streams with the equivalent ones from The Indie Beat. Easy!

I excitedly sent a screenshot to Kirsten to show off!

There were quite a few things that I felt I could do better, though. First of all, the artwork was missing. Also, I knew that the whole point of The Indie Beat was to be a showcase for the artists on Bandwagon, and that there was supposed to be metadata in the stream header that contained their link information.

After a lot of poking at the MP3 stream, I realised that The Indie Beat is built on a streaming server called Azura Cast, which has an API – and The Indie Beat API had that data, and a whole lot more that I could use. In order to use it all though, I had to fully re-think how the extension would work.

So, I started over, from scratch.

  • I hand-traced the “catellite” artwork and made a minified icon for the GNOME top bar – the full design was not great at a tiny size.
  • I kept a similar look-and-feel to the SomaFM extension – an icon, a player, a list of channels – but, I removed the settings and favourites options from my scope, to keep things simple. I also have the menu expand to fit the channel names, which I don’t love as it means it changes size, but it works.
    • a little thing that I’m fond of is that the extension uses the configured accent colour – recently added in GNOME 47 – for some of the text.
  • I did a lot of reading and poking around at GNOME Shell and gjs, the JavaScript API that enables extensions to be built. I also learned a lot about GStreamer, the engine that GNOME apps use for access to audio and video media. This was all a long, long way from my past work coding for GNOME, ~20 years ago, back in early Anjuta days! I’m not naturally a JavaScript person at all, so I made a lot of mistakes here.
    • huge shout-out to the author of the JustPerfection extension, who carefully and helpfully reviewed my submissions to the GNOME Extensions site. This thing would be a lot more crashy and messy without that oversight!
  • the extension contains a small cached implementation of the Azura Cast API, which enables the extension to query the available channels, rather than needing to have a static internal list of streams updated if a channel came along or went away (a concept of “mixtapes” is on the roadmap for The Indie Beat in the future).
    • I needed to add a way to access an artist’s page, which comes from a property that’s stored in the now playing data, so building an API layer that sits parallel to the radio stream player seemed to work nicely.

The Indie Beat is evolving – within a few days of starting work on this side project, Kirsten switched the branding from pink to green, so I updated the artwork. She also added a Bonk Wave channel – and the extension seamlessly picked it up! That was a nice win.

Not What I Call Radio Bonk Wave is a new radio station from The Indie Beat Radio, curated by bonkwave.org and playing music which may be . Or may be .

Listen here:

not.what.i.call.radio.bonkwave

or here:

theindiebeat.fm/not-what-i-cal

Bonk Wave contributors – did you know you can submit any of your tracks to the station?

bonkwave.org/board/index.php?t

(Bonk Wave Contributors only – if you're not signed up to the board, create an account and we'll add you to the group)

— keef (@keefmarshall) 2025-01-24T20:01:15.978Z

OK… so what does it do?

I’ve posted a short video which covers the basic features: choose between channels, play/stop, open the Bandwagon page of the currently playing artist in a web browser, or directly jump to Bandwagon’s Explore page or The Indie Beat main page. I’ve aimed for simple and clean, as befits the GNOME philosophy.

Where to get it

The extension is available to install here.

You can watch the demo video on my MakerTube.

You can follow development on GitHub.

If you like it, a comment / review on the GNOME Extensions page would be very welcome. If you have issues or ideas, do leave those on the GitHub project.

There is a donation button in the GNOME Extensions page, the use of which is entirely optional.

Don’t forget to click over to Bandwagon, and check out the artists you hear that you like.

What’s the future?

The world and the internet are kind of bleak right now, but actually – we’ve got the power to make it better.

Watch Molly White’s talk from XOXO and get inspired.

Also, this:

https://andypiper.co.uk/2024/08/29/the-web-made-by-humans/

There’s a lot of opportunity for creatives in the Fediverse!

Castopod is a great way to self-host a podcast with native ActivityPub federation. Bandwagon exists, where you can create a Fediverse profile for yourself and your music. You can share it through The Indie Beat. I’ve personally got my eye on Libre.FM (like Last.FM, but free, and with a renewed / reinvigorated interest in building new features like ActivityPub and IndieWeb support – here’s my profile). Beyond those, there is also Faircamp, a static site generator that helps musicians self-host their content and avoid enshittification through other channels and platforms. I’m excited! We can work together to make our spaces better for musicians and other artists!

More features for the extension?

This has been a fun side project!

I’ve got a few barely-formed ideas for things I can do with this in the future, as both Bandwagon and The Indie Beat evolve. Stay tuned. 📡

Oh, and through making this extension, I found and purchased an album I’m obsessed with, which has inspired me to do some other new things… so watch this space.


Update 26/02 – since posting this, folks have made me aware of some other fantastic options in this space. Hopefully, we can see more collaborations between these platforms / sites / curators, to grow the opportunity for everyone.

  • NHAM shares monthly online mixtapes of music from Fediverse musicians
  • Audio Interface, a set of radio shows for independent artists
  • the Faircamp Webring collects together many of the artists using Faircamp for their sites
  • Mirlo (there’s an open issue proposing that they add ActivityPub / Fediverse support)
  • Ampwall

Update 26/02 – I wanted a simple app to play The Indie Beat on my MNT Pocket Reform, too, so I made a more basic system tray app, that should work on most Linux desktops (written in Python)


Where do I get those stickers?

Come find me at FOSDEM 2025 in Brussels next weekend, I’ll have Bandwagon+The Indie Beat stickers to share 👍🏻

https://

This server does not support sharing. Please visit .

https://andypiper.co.uk/2025/01/25/the-indie-beat-on-your-linux-desktop/

bitbonk's avatar
bitbonk

@[email protected]

Today I dipped my toe into static site generation with @eleventy and it was a breeze!
I didn’t know this stuff could actually be fun.
I will now happily trade the complexities of plus visual site builders plus theme customization against the complexities of with vanilla / and (almost) no . If think, I‘ll redo all my sites with it.
Hint: ChatGPT is also really good at teaching and CSS.

Jani Nikula's avatar
Jani Nikula

@[email protected]

I've been hand rolling touch friendly elements in Svelte 5 + HTML + CSS. But it's getting a bit tedious, and I should probably try some UI component framework or library.

Trouble is, it's hard to choose, I have zero experience about any of them, not all of them are Svelte 5 compatible. What to do?

It's fine to do lots of up front work and learning provided I make the right choice. But boy it would suck to have to revert and start over with another library.

えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20250201 / graphic

code : openprocessing.org/sketch/2528

えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20250201 / graphic

code : openprocessing.org/sketch/2528

Deno's avatar
Deno

@[email protected]

AsyncIterable<T> can be used to construct the body for Request and Response 👇

Denis's avatar
Denis

@[email protected]

uggggh I'm in ES module vs CommonJS hell in nodejs. With Typescript layered on top.

Is it just me, or is this whole JS/TS environment a sh*tshow and nobody will admit it? It feels like a huge ball of duct tape and baling wire.

Maybe I should see if I can convince my org to explore Deno.

Alberto de Murga's avatar
Alberto de Murga

@[email protected]

Twice a year, due to a very old system, many assumptions, user expectations, and a bright mind that decided to set a database in Europe/Amsterdam TZ, we have to deal with at least a bug regarding time issues. I cannot wait for Temporal to be fully implemented in all the platforms.

developer.mozilla.org/en-US/bl

Deno's avatar
Deno

@[email protected]

Deno 2.1.8 has been released with important LSP performance improvements along with an important bug fix for S3 uploads

github.com/denoland/deno/relea

Deno's avatar
Deno

@[email protected]

Building a CLI is easy with these browser methods 👀

David Bisset's avatar
David Bisset

@[email protected]

“I’m Going Back to in 2025” via Marc Boisvert.

marc.boisvertdupras.com/going-

I still use it to this day even beyond if I’m not using a framework. Majority of the sites in the web still do. It just works.

David Bisset's avatar
David Bisset

@[email protected]

For devs, this is big. Nice overview w/ link to more docs.

developer.mozilla.org/en-US/bl

Replacing Date object. Adds support for time zone and calendar representations, many built-in methods for conversions, comparisons and computations, formatting, etc.

David Bisset's avatar
David Bisset

@[email protected]

For devs, this is big. Nice overview w/ link to more docs.

developer.mozilla.org/en-US/bl

Replacing Date object. Adds support for time zone and calendar representations, many built-in methods for conversions, comparisons and computations, formatting, etc.

Deno's avatar
Deno

@[email protected]

Deno's fully featured, zero-overhead FFI is stable

Fedify: an ActivityPub server framework's avatar
Fedify: an ActivityPub server framework

@[email protected]

Fedify is an server framework in & . It aims to eliminate the complexity and redundant boilerplate code when building a federated server app, so that you can focus on your business logic and user experience.

The key features it provides currently are:

If you're curious, take a look at the website! There's comprehensive docs, a demo, a tutorial, example code, and more:

https://fedify.dev/

えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20250129 / graphic

code : openprocessing.org/sketch/2525

David Bisset's avatar
David Bisset

@[email protected]

“I’m Going Back to in 2025” via Marc Boisvert.

marc.boisvertdupras.com/going-

I still use it to this day even beyond if I’m not using a framework. Majority of the sites in the web still do. It just works.

えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20250129 / graphic

code : openprocessing.org/sketch/2525

Deno's avatar
Deno

@[email protected]

Want to use Rust in JavaScript?
Increase performance in the browser?
Here's an intro to using Wasm with Deno.

deno.com/blog/intro-to-wasm

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

HTMLに埋め込んだYouTube動画の状態を監視して、指定した再生位置になったら何かする方法
qiita.com/yuu_design00/items/0

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

async/awaitを利用したコードの実行順序を把握したい!
qiita.com/sato-souma/items/e3f

Fedify: an ActivityPub server framework's avatar
Fedify: an ActivityPub server framework

@[email protected]

Fedify is an server framework in & . It aims to eliminate the complexity and redundant boilerplate code when building a federated server app, so that you can focus on your business logic and user experience.

The key features it provides currently are:

If you're curious, take a look at the website! There's comprehensive docs, a demo, a tutorial, example code, and more:

https://fedify.dev/

Deno's avatar
Deno

@[email protected]

Want to use Rust in JavaScript?
Increase performance in the browser?
Here's an intro to using Wasm with Deno.

deno.com/blog/intro-to-wasm

Deno's avatar
Deno

@[email protected]

Deno supports the new URL.parse() web API, which provides a simpler control flow for parsing URLs 👇

The new Web API URL.parse() provides a simpler control flow when you need to parse URLs.
Deno's avatar
Deno

@[email protected]

Want to use Rust in JavaScript?
Increase performance in the browser?
Here's an intro to using Wasm with Deno.

deno.com/blog/intro-to-wasm

Deno's avatar
Deno

@[email protected]

The OpenAI JavaScript SDK is now on JSR 🎉️

deno.com/blog/openai-on-jsr

Deno's avatar
Deno

@[email protected]

Deno supports the new URL.parse() web API, which provides a simpler control flow for parsing URLs 👇

The new Web API URL.parse() provides a simpler control flow when you need to parse URLs.
Deno's avatar
Deno

@[email protected]

Want to use Rust in JavaScript?
Increase performance in the browser?
Here's an intro to using Wasm with Deno.

deno.com/blog/intro-to-wasm

Deno's avatar
Deno

@[email protected]

Want to use Rust in JavaScript?
Increase performance in the browser?
Here's an intro to using Wasm with Deno.

deno.com/blog/intro-to-wasm

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

jPostalで郵便番号7桁入力時に住所自動入力を反映させる
qiita.com/koda-h/items/5b0fced

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

JavaScriptライジングスター2024
qiita.com/rana_kualu/items/f6f

Deno's avatar
Deno

@[email protected]

Deno supports the new URL.parse() web API, which provides a simpler control flow for parsing URLs 👇

The new Web API URL.parse() provides a simpler control flow when you need to parse URLs.
Szymon Standarski's avatar
Szymon Standarski

@[email protected]

🚀 npm install vs. npm ci

• npm install: 📦 Installs dependencies from package.json, updates package-lock.json if needed. Flexible but slower.
• npm ci: ⚡ Clean, fast install based only on package-lock.json. Reproducible builds, perfect for CI/CD.

💡Tip: Use npm ci for consistent, reliable deployments! ✅

Szymon Standarski's avatar
Szymon Standarski

@[email protected]

🚀 npm install vs. npm ci

• npm install: 📦 Installs dependencies from package.json, updates package-lock.json if needed. Flexible but slower.
• npm ci: ⚡ Clean, fast install based only on package-lock.json. Reproducible builds, perfect for CI/CD.

💡Tip: Use npm ci for consistent, reliable deployments! ✅

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

【kintoneカスタマイズ初心者】非同期処理を並行実行し、処理時間を短縮したい
qiita.com/tsutsumin/items/8f84

Deno's avatar
Deno

@[email protected]

Deno supports the new URL.parse() web API, which provides a simpler control flow for parsing URLs 👇

The new Web API URL.parse() provides a simpler control flow when you need to parse URLs.
Mesmoiron's avatar
Mesmoiron

@[email protected]

One of the first to join Twitter. I am building an ethic's first social platform against all odds. Tech stack

makeacrowd.com

Join the Ownership Revolution

zineb's avatar
zineb

@[email protected]

Just migrated from my mastodon.social account to the post.lurk.org instance (thank you @rra for the invite and the ressources :unwanted_love:) So... here is my little post (also a post of me searching for an internship lol) :
Hi, I'm Zineb, I am a moroccan girly pop who loves to code, to draw and to sing :3
Currently in the first year of my Master's degree in Communication at the Ésac art school in Cambrai (france), I'm searching for an in the field of , especially with collectives enthusiastic about and tools (like me!).
I mainly code with and , and I am currently learning .
I can speak fluently french, english and arabic. I also have some basic knowledge in spanish.
In terms of location, I'm seeking an internship in , the , or the region of Paris.
(Oh, forgot to mention that I can have an erasmus/internship grant :unwanted_smirk:)
Here's the link to my website: zinebammar.neocities.org/

:boost_anim_vanilla: retooting is helpful <3

Lup Yuen Lee 李立源's avatar
Lup Yuen Lee 李立源

@[email protected]

Temporal: "built-ins for efficient, precise and consistent Dates, Times, Durations, and Calendars"

developer.mozilla.org/en-US/bl

Lup Yuen Lee 李立源's avatar
Lup Yuen Lee 李立源

@[email protected]

Temporal: "built-ins for efficient, precise and consistent Dates, Times, Durations, and Calendars"

developer.mozilla.org/en-US/bl

zineb's avatar
zineb

@[email protected]

Just migrated from my mastodon.social account to the post.lurk.org instance (thank you @rra for the invite and the ressources :unwanted_love:) So... here is my little post (also a post of me searching for an internship lol) :
Hi, I'm Zineb, I am a moroccan girly pop who loves to code, to draw and to sing :3
Currently in the first year of my Master's degree in Communication at the Ésac art school in Cambrai (france), I'm searching for an in the field of , especially with collectives enthusiastic about and tools (like me!).
I mainly code with and , and I am currently learning .
I can speak fluently french, english and arabic. I also have some basic knowledge in spanish.
In terms of location, I'm seeking an internship in , the , or the region of Paris.
(Oh, forgot to mention that I can have an erasmus/internship grant :unwanted_smirk:)
Here's the link to my website: zinebammar.neocities.org/

:boost_anim_vanilla: retooting is helpful <3

Andy Piper's avatar
Andy Piper

@[email protected]

tl;dr I created an extension for the GNOME desktop on Linux, so that folks can stream and listen to music from The Indie Beat – an online radio station powered by independent musicians sharing music in the Fediverse, via Bandwagon.

Background

Independent musicians, creatives, artists, makers – these are all folk who often struggle to connect with audiences, and where retail and tech platforms tend towards squeezing their ability to make money from their work (see the excellent Chokepoint Capitalism by Cory Doctorowessential reading for today’s world and understanding how it systematically squeezes creatives). Over the Christmas period, I finally deleted my Spotify account, after reading about yet more awful ways that company is destroying authentic creativity for their own profit.

Cancelled Spotify. One of those things I'd allowed to roll far too long for no good reason (not paying attention), and the "ghost artists" stuff has made me feel particularly unfriendly towards the platform. harpers.org/archive/2025/01/th

— Andy Piper (@andypiper@macaw.social) 2024-12-23T12:31:01.894Z

I’ve been a huge fan of independent artists for a very long time. Back in the MySpace / MP3 / Napster days I came across folks who I now count as friends, amazing musicians such as Cindy Alexander, and Alex Cornish.

Up until recently there was a wonderful streaming station, RadioFreeFedi, that offered music from artists who had a presence in the Fediverse. Sadly, that has now gone away.

Over the past couple of years I’ve been attending Fediforum, an online conference where people building in the Fediverse gather to share projects and ideas. During the events in 2024, I came across two fantastic people with an interest in making things better for artists and musicians: Ben Pate, builder of the Emissary platform, which has a music-centric edition called Bandwagon; and Kirsten Lambertsen, a multi-talented web creative who runs Patron Hunt, and who spun up an alternative streaming station, The Indie Beat.

Happy New Year fedifriends!

I'm excited to officially announce the launch of TheIndieBeat.fm, a streaming radio station showcasing indie from the Fediverse.

The Indie Beat Radio is made possible through a collaboration with Bandwagon.fm / @benpate

Music artists who upload their work to Bandwagon.fm have the option to make tracks available for streaming on TheIndieBeat.fm

Our goal is to use federation to make less work for artists — upload once; distribute infinitely.

— MizKirsten (@mizkirsten) 2025-01-02T20:30:17.360Z

The Indie Beat builds on Bandwagon, so artists who share their music in the Fediverse via Bandwagon, can also choose to add them to rotation on The Indie Beat.

Some inspirations

I was nerd-sniped, I mean, inspired, to make something with The Indie Beat, in part through a nice blog post shared by Neil Brown (which was apparently prompted by me, so that’s nice and circular!) about how to add the streams from The Indie Beat into Linux music apps such as mpd.

I don’t use mpd, and to be honest I most often live on Apple platforms (but I do keep a Plex server, which I intend to move to Jellyfin this year as I work on improving my self-hosting and homelab situations). I was pretty sure that I’d seen a taskbar music player for GNOME, though. I usually run GNOME on my Linux systems – the exception being my MNT Pocket Reform, which is Sway with a minimal set of other desktop apps.

The player I was thinking of is the SomaFM internet radio extension, which is a menubar app that lists the SomaFM station streams, and allows the user to choose between them.

The process

The first iteration was a straightforward copy/edit hack of the SomaFM extension, replacing the list of channel streams with the equivalent ones from The Indie Beat. Easy!

I excitedly sent a screenshot to Kirsten to show off!

There were quite a few things that I felt I could do better, though. First of all, the artwork was missing. Also, I knew that the whole point of The Indie Beat was to be a showcase for the artists on Bandwagon, and that there was supposed to be metadata in the stream header that contained their link information.

After a lot of poking at the MP3 stream, I realised that The Indie Beat is built on a streaming server called Azura Cast, which has an API – and The Indie Beat API had that data, and a whole lot more that I could use. In order to use it all though, I had to fully re-think how the extension would work.

So, I started over, from scratch.

  • I hand-traced the “catellite” artwork and made a minified icon for the GNOME top bar – the full design was not great at a tiny size.
  • I kept a similar look-and-feel to the SomaFM extension – an icon, a player, a list of channels – but, I removed the settings and favourites options from my scope, to keep things simple. I also have the menu expand to fit the channel names, which I don’t love as it means it changes size, but it works.
    • a little thing that I’m fond of is that the extension uses the configured accent colour – recently added in GNOME 47 – for some of the text.
  • I did a lot of reading and poking around at GNOME Shell and gjs, the JavaScript API that enables extensions to be built. I also learned a lot about GStreamer, the engine that GNOME apps use for access to audio and video media. This was all a long, long way from my past work coding for GNOME, ~20 years ago, back in early Anjuta days! I’m not naturally a JavaScript person at all, so I made a lot of mistakes here.
    • huge shout-out to the author of the JustPerfection extension, who carefully and helpfully reviewed my submissions to the GNOME Extensions site. This thing would be a lot more crashy and messy without that oversight!
  • the extension contains a small cached implementation of the Azura Cast API, which enables the extension to query the available channels, rather than needing to have a static internal list of streams updated if a channel came along or went away (a concept of “mixtapes” is on the roadmap for The Indie Beat in the future).
    • I needed to add a way to access an artist’s page, which comes from a property that’s stored in the now playing data, so building an API layer that sits parallel to the radio stream player seemed to work nicely.

The Indie Beat is evolving – within a few days of starting work on this side project, Kirsten switched the branding from pink to green, so I updated the artwork. She also added a Bonk Wave channel – and the extension seamlessly picked it up! That was a nice win.

Not What I Call Radio Bonk Wave is a new radio station from The Indie Beat Radio, curated by bonkwave.org and playing music which may be . Or may be .

Listen here:

not.what.i.call.radio.bonkwave

or here:

theindiebeat.fm/not-what-i-cal

Bonk Wave contributors – did you know you can submit any of your tracks to the station?

bonkwave.org/board/index.php?t

(Bonk Wave Contributors only – if you're not signed up to the board, create an account and we'll add you to the group)

— keef (@keefmarshall) 2025-01-24T20:01:15.978Z

OK… so what does it do?

I’ve posted a short video which covers the basic features: choose between channels, play/stop, open the Bandwagon page of the currently playing artist in a web browser, or directly jump to Bandwagon’s Explore page or The Indie Beat main page. I’ve aimed for simple and clean, as befits the GNOME philosophy.

Where to get it

The extension is available to install here.

You can watch the demo video on my MakerTube.

You can follow development on GitHub.

If you like it, a comment / review on the GNOME Extensions page would be very welcome. If you have issues or ideas, do leave those on the GitHub project.

There is a donation button in the GNOME Extensions page, the use of which is entirely optional.

Don’t forget to click over to Bandwagon, and check out the artists you hear that you like.

What’s the future?

The world and the internet are kind of bleak right now, but actually – we’ve got the power to make it better.

Watch Molly White’s talk from XOXO and get inspired.

Also, this:

https://andypiper.co.uk/2024/08/29/the-web-made-by-humans/

There’s a lot of opportunity for creatives in the Fediverse!

Castopod is a great way to self-host a podcast with native ActivityPub federation. Bandwagon exists, where you can create a Fediverse profile for yourself and your music. You can share it through The Indie Beat. I’ve personally got my eye on Libre.FM (like Last.FM, but free, and with a renewed / reinvigorated interest in building new features like ActivityPub and IndieWeb support – here’s my profile). Beyond those, there is also Faircamp, a static site generator that helps musicians self-host their content and avoid enshittification through other channels and platforms. I’m excited! We can work together to make our spaces better for musicians and other artists!

More features for the extension?

This has been a fun side project!

I’ve got a few barely-formed ideas for things I can do with this in the future, as both Bandwagon and The Indie Beat evolve. Stay tuned. 📡

Oh, and through making this extension, I found and purchased an album I’m obsessed with, which has inspired me to do some other new things… so watch this space.


Update 26/02 – since posting this, folks have made me aware of some other fantastic options in this space. Hopefully, we can see more collaborations between these platforms / sites / curators, to grow the opportunity for everyone.

  • NHAM shares monthly online mixtapes of music from Fediverse musicians
  • Audio Interface, a set of radio shows for independent artists
  • the Faircamp Webring collects together many of the artists using Faircamp for their sites
  • Mirlo (there’s an open issue proposing that they add ActivityPub / Fediverse support)
  • Ampwall

Update 26/02 – I wanted a simple app to play The Indie Beat on my MNT Pocket Reform, too, so I made a more basic system tray app, that should work on most Linux desktops (written in Python)


Where do I get those stickers?

Come find me at FOSDEM 2025 in Brussels next weekend, I’ll have Bandwagon+The Indie Beat stickers to share 👍🏻

https://

This server does not support sharing. Please visit .

https://andypiper.co.uk/2025/01/25/the-indie-beat-on-your-linux-desktop/

Deno's avatar
Deno

@[email protected]

use CSS styling in console log with Deno

Deno's avatar
Deno

@[email protected]

Deno 2.1.7 is out!
▸ smaller deno compile binaries (~2Mb)
▸ Node compat bug fixes
Upgrade with `deno upgrade`

github.com/denoland/deno/relea

Deno's avatar
Deno

@[email protected]

VSCode will automatically detect your Deno tests

Deno's avatar
Deno

@[email protected]

The OpenAI JavaScript SDK is now on JSR 🎉️

deno.com/blog/openai-on-jsr

Deno's avatar
Deno

@[email protected]

The OpenAI JavaScript SDK is now on JSR 🎉️

deno.com/blog/openai-on-jsr

Deno's avatar
Deno

@[email protected]

The OpenAI JavaScript SDK is now on JSR 🎉️

deno.com/blog/openai-on-jsr

Deno's avatar
Deno

@[email protected]

The OpenAI JavaScript SDK is now on JSR 🎉️

deno.com/blog/openai-on-jsr

Deno's avatar
Deno

@[email protected]

VSCode will automatically detect your Deno tests

Haskell Weekly's avatar
Haskell Weekly

@[email protected]

Hyperbole: Haskell interactive serverside web framework inspired by Htmx, Elm

github.com/seanhess/hyperbole

Discussions: discu.eu/q/https://github.com/

Deno's avatar
Deno

@[email protected]

Deno 2.1.7 is out!
▸ smaller deno compile binaries (~2Mb)
▸ Node compat bug fixes
Upgrade with `deno upgrade`

github.com/denoland/deno/relea

Deno's avatar
Deno

@[email protected]

use CSS styling in console log with Deno

Deno's avatar
Deno

@[email protected]

Deno 2.1.7 is out!
▸ smaller deno compile binaries (~2Mb)
▸ Node compat bug fixes
Upgrade with `deno upgrade`

github.com/denoland/deno/relea

Deno's avatar
Deno

@[email protected]

use CSS styling in console log with Deno

Deno's avatar
Deno

@[email protected]

use CSS styling in console log with Deno

Deno's avatar
Deno

@[email protected]

use CSS styling in console log with Deno

Aral Balkan's avatar
Aral Balkan

@[email protected] · Reply to Aral Balkan's post

Adding more beautiful error messages to Kitten. These should help make it easier to recover from common errors while authoring.

kitten.small-web.org

Screenshot of Kitten error page with cute illustration of a grey kitten with pink ears and nose playing with a purple ball of yarn followed by the error message:

500
Error: Attempt to instantiate kitten.Component in markup without calling its connectedTo() static factory method:
In your kitten.html``, replace:

<{Uptime} />

With:

<{Uptime.connectedTo(this)} />

Finally, there’s a partial view of a stack trace that scrolls off the page.
Inautilo's avatar
Inautilo

@[email protected]


Mizu.js · Build dynamic web pages without heavy frameworks ilo.im/161hgq

_____

Inautilo's avatar
Inautilo

@[email protected]


Mizu.js · Build dynamic web pages without heavy frameworks ilo.im/161hgq

_____

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

【実践】PWAで作るクロスプラットフォーム対応のメモ帳アプリ
qiita.com/yonaka15/items/8b3ef

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

【kintoneカスタマイズ初心者】cybozu developer networkのチュートリアルの理解を深める(分割代入編)
qiita.com/tsutsumin/items/5fb5

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

その配列の加工、reduceでできない?
qiita.com/baio5821/items/bad9d

Aral Balkan's avatar
Aral Balkan

@[email protected] · Reply to Aral Balkan's post

So last night, while recording the preview of Kitten’s¹ improved component model², I made a silly mistake (copying raw HTML into a JavaScript function instead of wrapping it in a kitten.html`` tagged template, easy to do when you’re refactoring to pull out components from pages).

Then, once I figured out what I’d done, I made another one by forgetting to return the value from the function (easy to do when you’re used to using one-line closures as render functions).

I would have caught both of those so much faster if Kitten had helpful error messages for those two pitfalls. And guess what, this morning, it does :)

Attached are screenshot showing the before and after error messages.

Enjoy!

:kitten:💕

¹ kitten.small-web.org
² Scroll up the thread to watch the video.

Screenshot of first error message (before):

500 TypeError: Cannot read properties of undefined (reading 'match')Screenshot of first error message (after):

Error: Render function did not return kitten.html``

class Count extends kitten.Component {
  html {
    kitten.html`<h1 morph>${kitten.db.counter.count}</h1>`
  }
  onIncrement {
    kitten.db.counter.count++
    this.update
  }
}Screenshot of second error message (before):

500 SyntaxError: Unexpected token '<Screenshot of second error message (after):

500  SyntaxError: Unexpected token '<

(Did you put raw HTML inside a function by mistake instead of wrapping it in a kitten.html`` tagged template?)
Code Lutin's avatar
Code Lutin

@[email protected]

Code Lutin est une extraordinaire : pratiquant l' (1 personne = 1 voix) et le salaire unique (quelque-soit le diplôme, l'expérience, l'ancienneté, le poste), nous sommes une des rares société « à participation ouvrière » en France

Spécialistes et , nous réalisons des logiciels et applis mobiles souvent en

Code Lutin est fondatrice du réseau qui regroupent des entreprises similaires

Code Lutin's avatar
Code Lutin

@[email protected]

Code Lutin est une extraordinaire : pratiquant l' (1 personne = 1 voix) et le salaire unique (quelque-soit le diplôme, l'expérience, l'ancienneté, le poste), nous sommes une des rares société « à participation ouvrière » en France

Spécialistes et , nous réalisons des logiciels et applis mobiles souvent en

Code Lutin est fondatrice du réseau qui regroupent des entreprises similaires

Biome's avatar
Biome

@[email protected]

Today we’re happy to share our plans for Biome 2.0 as well as the rest of our roadmap for 2025.

Read all about it here: biomejs.dev/blog/roadmap-2025/

for and , written in

Aral Balkan's avatar
Aral Balkan

@[email protected] · Reply to Aral Balkan's post

Little preview video: Kitten’s improved component model

• Class-based page routes and components
• Object-oriented
• Event-based
• Seamless hypermedia-driven WebSocket-based event mapping and interface updates (Streaming HTML)
• A light server-side live component hierarchy with event bubbling
• Almost as if you’re building a desktop or mobile app instead of a web app…

… another authoring simplification made possible because on the Small Web – which is a peer-to-peer web – you build a web app/site as a tool for one person (the owner of the site/app) instead of as a tool for you to farm millions of people.

… still experimental ;)

vimeo.com/1049055406

Learn more about Kitten:

kitten.small-web.org

If you like what you see and want us to keep existing, we could definitely use your support:

small-tech.org/fund-us/

:kitten:💕

Deno's avatar
Deno

@[email protected]

git log --since "2024-01-01" --until "2025-01-01"

deno.com/blog/deno-in-2024

Deno's avatar
Deno

@[email protected]

git log --since "2024-01-01" --until "2025-01-01"

deno.com/blog/deno-in-2024

Deno's avatar
Deno

@[email protected]

git log --since "2024-01-01" --until "2025-01-01"

deno.com/blog/deno-in-2024

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

jQuery.Deffered と async / await
qiita.com/saematsu/items/a82cc

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

【しょぼい】コンソールで回転する地球
qiita.com/mogamoga1337/items/6

Deno's avatar
Deno

@[email protected]

Deno 2.1.6 has been released

- Correct handling of compilerOptions.types
- Better handling of npm package types
- Improvements to node:fs FileHandle
- Make deno outdated more robust
Run `deno upgrade` to get it

github.com/denoland/deno/relea

Maho Pacheco 🦝🍻's avatar
Maho Pacheco 🦝🍻

@[email protected]

There are two wolves inside me, both of them dislike javascript.

ECMAScript News's avatar
ECMAScript News

@[email protected]

Formatting dates and times in JavaScript with Temporal and the Internationalization API
@Olliew
fullystacked.net/formatting-da

ECMAScript News's avatar
ECMAScript News

@[email protected]

Formatting dates and times in JavaScript with Temporal and the Internationalization API
@Olliew
fullystacked.net/formatting-da

Deno's avatar
Deno

@[email protected]

Deno 2.1.6 has been released

- Correct handling of compilerOptions.types
- Better handling of npm package types
- Improvements to node:fs FileHandle
- Make deno outdated more robust
Run `deno upgrade` to get it

github.com/denoland/deno/relea

Deno's avatar
Deno

@[email protected]

Deno 2.1.6 has been released

- Correct handling of compilerOptions.types
- Better handling of npm package types
- Improvements to node:fs FileHandle
- Make deno outdated more robust
Run `deno upgrade` to get it

github.com/denoland/deno/relea

Marcel SIneM(S)US's avatar
Marcel SIneM(S)US

@[email protected]

gibt die Marke offenbar nicht kampflos auf | Developer heise.de/news/JavaScript-Oracl

Kagi HQ's avatar
Kagi HQ

@[email protected]

"Kagi looking pretty good right now, literally every page works without JavaScript, including settings" - @chris_hayes, beloved Kagi member 💛

techcrunch.com/2025/01/17/goog

Deno's avatar
Deno

@[email protected]

Deno 2.1.6 has been released

- Correct handling of compilerOptions.types
- Better handling of npm package types
- Improvements to node:fs FileHandle
- Make deno outdated more robust
Run `deno upgrade` to get it

github.com/denoland/deno/relea

Kagi HQ's avatar
Kagi HQ

@[email protected]

"Google no longer supports javascript-free search requests" [github.com/benbusby/whoogle-se]

Just a reminder that Kagi works just fine everywhere without JavaScript 😎

"Highly recommend Kagi Search as an alternative. The results are generally better than Google's anyways, and don't require JavaScript." 👇

news.ycombinator.com/item?id=4

Revath S Kumar :javascript:'s avatar
Revath S Kumar :javascript:

@[email protected] · Reply to Revath S Kumar :javascript:'s post

Wrote a small web utility to visualize the different string normalization forms of a text.

string-normalize.surge.sh/?str

Not the best design 😄 , but feedbacks are welcome.

desktop view of string normalize web page, showing NFC, NFD, NFKC and NFKD normalization forms of text "I ♥ Köln" is visiblemobile view of string normalize web page, showing NFC, NFD and NFKC normalization forms of text "I ♥ Köln" is visible
えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20250117 / graphic

code : openprocessing.org/sketch/2513

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

【Prisma,TypeScript】Prismaを用いたビットフラグによるデータ格納方法
qiita.com/rtkjm22/items/51b177

えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20250117 / graphic

code : openprocessing.org/sketch/2513

Marcel SIneM(S)US's avatar
Marcel SIneM(S)US

@[email protected]

gibt die Marke offenbar nicht kampflos auf | Developer heise.de/news/JavaScript-Oracl

alltechpacks's avatar
alltechpacks

@[email protected]

alltechpacks's avatar
alltechpacks

@[email protected]

Aral Balkan's avatar
Aral Balkan

@[email protected]

Pretty soon, you’re going to be able to view your live pages and the events on them in real time while developing Kitten apps.

The improved component model with support for class-based routes (and a server-side component hiearchy that lets you build well-encapsulated components and pages and work in an event-driven way) is coming along nicely and I’m back to writing Place¹ using it.

(In the GIF, you’re looking at Place’s profile settings page. Not shown here but those profile changes reflect in realtime on all open pages. The highlighted piece of code is what streams the event details to the browser.)

¹ codeberg.org/place/app

Screen recording of two web browser windows, side by side. The one on the right is showing Kitten’s Settings page at state: pages. I open the detail veiw for the /settings/profile route and see its ID, session id, number of connected sockets (1) and an empty Events table with name and data.

On the left, an instance of the /settings/profile route is open in the browser. I change the value of the Name field (erasing the t and s from Aral’s 1st) and I see two events pop up on the page on the right (Name: name, Data: { name: 'Aral’s 1s'}) and  (Name: name, Data: { name: 'Aral’s 1'}). Then I add the deleted letters back and see the event (Name: name, Data: { name: 'Aral’s 1st'}). Finally, I toggle the Show name? and Show Image? checkboxes on and off and see the events (name: howOrHide, { showOrHide: 'on', item: 'Image' }), (name: showOrHide, { item: 'Image' }, showOrHide	{ showOrHide: 'on', item: 'Name' })Screenshot of code. The showPageEvent method is highlighted.

  onAddToPage () {
    this.addEventHandler(kitten.events, `kittenPageEvent-${this._page.id}`, this.showPageEvent)
  }

  /**
    Stream new page event details to top of the events list,
    hiding the placeholder if necessary.

    @param {{
      name: string,
      data: {HEADERS: any}
    }} event
  */
  showPageEvent (event) {
    delete event.data.HEADERS

    // Hide placeholder if necessary.
    if (this.placeHolderIsVisible) {
      this.page.send(kitten.html`
        <tr id='placeholder-${this.id}' swap-target='delete'>
      `)
      this.placeHolderIsVisible = false
    }

    // Send the new event row with event details.
    this.page.send(kitten.html`
      <tbody id=${this.id} swap-target='afterend:#${this.id}'>
        <tr>
          <td>${event.name}</td>
          <td>${util.inspect(event.data)}</td>
        </tr>
      </tbody>
    `)
  }
}

class Pages extends kitten.Component {
  html() {
    // We could just display a “loading” message here
    // as we’re going to refresh the list at onConnect(),
    // but given how fast it all happens, we might was well
    // send the whole list instead of having an odd flash.
    const pages = Object.values(kitten.pages)
Revath S Kumar :javascript:'s avatar
Revath S Kumar :javascript:

@[email protected] · Reply to Revath S Kumar :javascript:'s post

Wrote a small web utility to visualize the different string normalization forms of a text.

string-normalize.surge.sh/?str

Not the best design 😄 , but feedbacks are welcome.

desktop view of string normalize web page, showing NFC, NFD, NFKC and NFKD normalization forms of text "I ♥ Köln" is visiblemobile view of string normalize web page, showing NFC, NFD and NFKC normalization forms of text "I ♥ Köln" is visible
Chris Krycho's avatar
Chris Krycho

@[email protected]

I wrote up a quick note on “fairness” with async operations and how it is *not* a property of `Promise.race` and `Promise.all` in (or , obviously!). This is not something you have to think about often, but does it ever matter when you do! v5.chriskrycho.com/notes/javas

Chris Krycho's avatar
Chris Krycho

@[email protected]

I wrote up a quick note on “fairness” with async operations and how it is *not* a property of `Promise.race` and `Promise.all` in (or , obviously!). This is not something you have to think about often, but does it ever matter when you do! v5.chriskrycho.com/notes/javas

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

「Recline」で使われている VSCode Extension API の「Language Model API」の公式情報: API の使い方など
qiita.com/youtoy/items/c4e70aa

Jakob Miksch's avatar
Jakob Miksch

@[email protected] · Reply to Ilya Zverev's post

@zverik @mvexel @ianthetechie looks good in general, I am also a bit worried that it will be abandoned one day by Google. Also there are less programmers around than programmers.

since I do a lot of development seems to be make a bit more sense to me, even though I am more into

what I understand from your comments is that support for seems to be better compared to That is a good insight

Deno's avatar
Deno

@[email protected]

Deno 🤝️ Nuxt.js

docs.deno.com/examples/nuxt_tu

Deno's avatar
Deno

@[email protected]

Advent of Code with Deno is over!

Thanks to all who have participated. If we haven't contacted you about stickers, then please let us know (or email [email protected]).

Finally, one lucky winner will get the elite, special edition, hyper exclusive Deno sticker. (Here's Phil seeing it for the first time.)

More details 👇️
deno.com/blog/advent-of-code-2

phil seeing the special sticker for the first time
Deno's avatar
Deno

@[email protected]

Deno 🤝️ Nuxt.js

docs.deno.com/examples/nuxt_tu

Deno's avatar
Deno

@[email protected]

Advent of Code with Deno is over!

Thanks to all who have participated. If we haven't contacted you about stickers, then please let us know (or email [email protected]).

Finally, one lucky winner will get the elite, special edition, hyper exclusive Deno sticker. (Here's Phil seeing it for the first time.)

More details 👇️
deno.com/blog/advent-of-code-2

phil seeing the special sticker for the first time
Deno's avatar
Deno

@[email protected]

Advent of Code with Deno is over!

Thanks to all who have participated. If we haven't contacted you about stickers, then please let us know (or email [email protected]).

Finally, one lucky winner will get the elite, special edition, hyper exclusive Deno sticker. (Here's Phil seeing it for the first time.)

More details 👇️
deno.com/blog/advent-of-code-2

phil seeing the special sticker for the first time
Deno's avatar
Deno

@[email protected]

Deno 🤝️ Nuxt.js

docs.deno.com/examples/nuxt_tu

:rss: Publickey

@[email protected]

オラクル、JavaScriptの商標を自主的に手放すつもりはないとDenoに通告
publickey1.jp/blog/25/javascri

:rss: Publickey

@[email protected]

オラクル、JavaScriptの商標を自主的に手放すつもりはないとDenoに通告
publickey1.jp/blog/25/javascri

Revath S Kumar :javascript:'s avatar
Revath S Kumar :javascript:

@[email protected]

New blog post : "JavaScript : understanding string normalize"

blog.revathskumar.com/2025/01/

Deno's avatar
Deno

@[email protected]

Deno 2.1.5 just landed —

▸ new QUIC API
▸ improved Discord.js compatibility
▸ better tasks support in workspaces

github.com/denoland/deno/relea

Deno's avatar
Deno

@[email protected]

Deno 2.1.5 just landed —

▸ new QUIC API
▸ improved Discord.js compatibility
▸ better tasks support in workspaces

github.com/denoland/deno/relea

Madame Aronow's avatar
Madame Aronow

@[email protected]

🚨 🚨 🚨

Good Morning friends - have a new role for ya!

Looking for a fairly senior frontend-focused Engineer to join a team building a containerization product for the CI/CD pipeline called Dagger.

The role is looking for some fairly specific criteria so here are the key points:

* This role is not a UI Designer position, you must have a strong coding background ( / / preferred) in addition to design chops

* Must have at least some experience with

* You must have developed frontends for (the thought behind this requirement is that these tools are designed very differently than a typical B2C site so if you have done something substantially similar, answer yes)

* Americas (somewhere between EST to PST) timezones are required. We can hire in Canada, US, South America, and have hired in Europe before for exceptional candidates

* We cannot sponsor visas at this time

* I've worked with this company for about 6 months and have only positive things to say about the team and culture

* There's currently a bug in the application coming from the ATS that's making the dropdowns funky. Don't judge me too harshly, I've submitted a ticket :blobfoxcrylaugh:

I'm the on the role, so feel free to ask any questions here and I'll either have an answer or go find you one :)

Full JD and application here: grnh.se/a1934cb05us

Madame Aronow's avatar
Madame Aronow

@[email protected]

🚨 🚨 🚨

Good Morning friends - have a new role for ya!

Looking for a fairly senior frontend-focused Engineer to join a team building a containerization product for the CI/CD pipeline called Dagger.

The role is looking for some fairly specific criteria so here are the key points:

* This role is not a UI Designer position, you must have a strong coding background ( / / preferred) in addition to design chops

* Must have at least some experience with

* You must have developed frontends for (the thought behind this requirement is that these tools are designed very differently than a typical B2C site so if you have done something substantially similar, answer yes)

* Americas (somewhere between EST to PST) timezones are required. We can hire in Canada, US, South America, and have hired in Europe before for exceptional candidates

* We cannot sponsor visas at this time

* I've worked with this company for about 6 months and have only positive things to say about the team and culture

* There's currently a bug in the application coming from the ATS that's making the dropdowns funky. Don't judge me too harshly, I've submitted a ticket :blobfoxcrylaugh:

I'm the on the role, so feel free to ask any questions here and I'll either have an answer or go find you one :)

Full JD and application here: grnh.se/a1934cb05us

Deno's avatar
Deno

@[email protected]

Deno 2.1.5 just landed —

▸ new QUIC API
▸ improved Discord.js compatibility
▸ better tasks support in workspaces

github.com/denoland/deno/relea

Deno's avatar
Deno

@[email protected]

Deno 2.1.5 just landed —

▸ new QUIC API
▸ improved Discord.js compatibility
▸ better tasks support in workspaces

github.com/denoland/deno/relea

Deno's avatar
Deno

@[email protected]

Deno is committed to web standards - that's why we co-founded WinterCG two years ago. Today marks the next step in that journey: WinterCG moves to Ecma International as technical comittee 55 (TC55).

Goodbye WinterCG, welcome WinterTC!

deno.com/blog/wintertc

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

JavaScriptにおける関数の実行の流れを知りたい!!
qiita.com/sato-souma/items/1ff

Deno's avatar
Deno

@[email protected]

Deno is committed to web standards - that's why we co-founded WinterCG two years ago. Today marks the next step in that journey: WinterCG moves to Ecma International as technical comittee 55 (TC55).

Goodbye WinterCG, welcome WinterTC!

deno.com/blog/wintertc

Deno's avatar
Deno

@[email protected]

Deno 2.1.5 just landed —

▸ new QUIC API
▸ improved Discord.js compatibility
▸ better tasks support in workspaces

github.com/denoland/deno/relea

Deno's avatar
Deno

@[email protected]

Deno is committed to web standards - that's why we co-founded WinterCG two years ago. Today marks the next step in that journey: WinterCG moves to Ecma International as technical comittee 55 (TC55).

Goodbye WinterCG, welcome WinterTC!

deno.com/blog/wintertc

Deno's avatar
Deno

@[email protected]

Deno is committed to web standards - that's why we co-founded WinterCG two years ago. Today marks the next step in that journey: WinterCG moves to Ecma International as technical comittee 55 (TC55).

Goodbye WinterCG, welcome WinterTC!

deno.com/blog/wintertc

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

JavaScript/TypeScript Tech Feed (2025/1/10号)
qiita.com/ysknsid25/items/b0a4

José A. Alonso's avatar
José A. Alonso

@[email protected]

Readings shared January 9, 2025. jaalonso.github.io/vestigium/p

Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

New release of thi.ng/genart-api (v0.24.0) — a platform-independent extensible API for browser-based computational/algorithmic/generative art projects:

This release contains quite a few new features, as well as several important fixes for bugs which were accidentally introduced in the two most recent versions...

- extracted the debug time provider & FPS overlay to separate package
- updated `bigint` param handling (esp. randomization)
- added `collector` and `iteration` metadata accessors
- updated platform adapters (esp. the one)
- fixed image & ramp param handling
- added a bunch of utilities to core API to deduplicate code in various adapters
- updated/fixed examples & docs
- added more tests (and updated core API to be more testable outside the browser)

All changes since v0.21.0:
github.com/thi-ng/genart-api/c

🎉

Haskell Weekly's avatar
Haskell Weekly

@[email protected]

Case Study — Using a JavaScript component inside a Haskell application

blog.haskell.org/case-study-fo

Discussions: discu.eu/q/https://blog.haskel

José A. Alonso's avatar
José A. Alonso

@[email protected]

Using a JavaScript component inside a Haskell application. ~ Mateusz Goślinowski. blog.haskell.org/case-study-fo

えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20250109 / graphic

code : openprocessing.org/sketch/2504

えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20250109 / graphic

code : openprocessing.org/sketch/2504

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

kintoneのアプリアクションで作成されたレコードを判別する方法!
qiita.com/kanekoh/items/478b46

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

正月からp5.jsを使って正方形を描いてみた
qiita.com/ishi720/items/12ba9d

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Axel Rauschmayer's avatar
Axel Rauschmayer

@[email protected]

@pnpm 10 is out: github.com/pnpm/pnpm/releases/

Interesting change: “Lifecycle scripts of dependencies are not executed during installation by default! This is a breaking change aimed at increasing security. In order to allow lifecycle scripts of specific dependencies, they should be listed in the pnpm.onlyBuiltDependencies field of package.json.”

Axel Rauschmayer's avatar
Axel Rauschmayer

@[email protected]

@pnpm 10 is out: github.com/pnpm/pnpm/releases/

Interesting change: “Lifecycle scripts of dependencies are not executed during installation by default! This is a breaking change aimed at increasing security. In order to allow lifecycle scripts of specific dependencies, they should be listed in the pnpm.onlyBuiltDependencies field of package.json.”

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

交通費精算を簡単に!kintoneのテーブルに1ヶ月分の日付の行を自動セットする方法
qiita.com/sasajimay/items/aba6

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

CloudFrontでどんな形式のファイルでもgzip圧縮して配信するトリック / 転送量50%減!
qiita.com/LostMyCode/items/5a7

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Hisstogramma's avatar
Hisstogramma

@[email protected]

Calflora is seeking an experienced developer who would like to take part in important conservation work and who values biodiversity data. This developer would assist in maintaining and developing Calflora’s Java-based website and infrastructure, including systems administration, database management, web application programming, front-end development, and data integration. Qualifications: Java - Databases (MySQL or other), Java-based web technologies (such as GWT), and interest in natural history and botany. myemail.constantcontact.com/Th.

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Paul Hebert's avatar
Paul Hebert

@[email protected]

On the surface, HTML attributes and properties seem to work the same, but subtle differences can lead to weird and unexpected behavior.

I ran into one too many bugs related to these differences so I did a deep dive into learning how they work and wrote up my findings:

cloudfour.com/thinks/the-diffe

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

【JavaScript】ES2025の新機能全部解説する
qiita.com/rana_kualu/items/e82

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Mastodon Engineering's avatar
Mastodon Engineering

@[email protected]

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic
2. Proficient in modern
3. Experienced with , and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09

Paul Hebert's avatar
Paul Hebert

@[email protected]

On the surface, HTML attributes and properties seem to work the same, but subtle differences can lead to weird and unexpected behavior.

I ran into one too many bugs related to these differences so I did a deep dive into learning how they work and wrote up my findings:

cloudfour.com/thinks/the-diffe

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

ITエンジニアが遭遇する「摩訶不思議」な現象とその真相
qiita.com/Sakai_path/items/405

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

なぜ今さら、Web 標準 なのか【2025 年】
qiita.com/Michinosuke/items/d8

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

JavaScript/TypeScript Tech Feed (2025/1/3号)
qiita.com/ysknsid25/items/2a75

Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

(1st release cycle of 2025) 🎉 — New additions & updates to thi.ng/genart-api, a platform-independent extensible API for browser-based computational/algorithmic/generative art projects:

- Added fxhash.xyz platform adapter (incl. support & adaptations for 10 of the 17 built-in GenArtAPI param types)
- Added `bigint` & `binary` data param types
- Updated parameter type definitions & factories (date, datetime, time, numlist, strlist, text, vector)
- Ensure any given default values are valid (and can be coerced)
- Added MurmurHash3 (128 bit version) functions (e.g. seed PRNGs)
- Added tests for all parameter types (factory functions & implementations)
- Added tests for utility functions
- Added GitHub actions (running tests)
- Various API docs updates, clarifications & fixes
- Update/refactor EditArt & Layer platform adapters
- Updated main & adapter readmes

New adapter package `@genart-api/adapter-fxhash`:
github.com/thi-ng/genart-api/t

Commits since last release:
github.com/thi-ng/genart-api/c

Di's avatar
Di

@[email protected]

In Gracefully Retiring a Website, I wrote about the maintenance of side projects, archiving websites, and making ideas more resilient.

didoesdigital.com/blog/gracefu

I thought this post was going to be a quick description of a project and I ended up questioning my whole (Internet) life philosophy.

Matthias Andrasch's avatar
Matthias Andrasch

@[email protected]

Why can't we just use

// sharedState.svelte.js
export const searchText = $state("");

in the new v5?

Mat Simon was so kind to explain it to me, I turned my learnings (and his answers) into a short blog post: dev.to/mandrasch/svelte-5-shar Critical feedback welcome!

Matthias Andrasch's avatar
Matthias Andrasch

@[email protected]

Why can't we just use

// sharedState.svelte.js
export const searchText = $state("");

in the new v5?

Mat Simon was so kind to explain it to me, I turned my learnings (and his answers) into a short blog post: dev.to/mandrasch/svelte-5-shar Critical feedback welcome!

えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20250103 / graphic

code : openprocessing.org/sketch/2499

えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20250103 / graphic

code : openprocessing.org/sketch/2499

Di's avatar
Di

@[email protected]

In Gracefully Retiring a Website, I wrote about the maintenance of side projects, archiving websites, and making ideas more resilient.

didoesdigital.com/blog/gracefu

I thought this post was going to be a quick description of a project and I ended up questioning my whole (Internet) life philosophy.

Axel Rauschmayer's avatar
Axel Rauschmayer

@[email protected]

Wow:

> const nuII = {};
> nuII.prop = true;
> nuII.prop = 'hello';
> nuII.prop
'hello'

(Incidentally, we should use serif fonts more often on the web.)

えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20250101 / graphic

code : openprocessing.org/sketch/2498

えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20250101 / graphic

code : openprocessing.org/sketch/2498

Kat Marchán 🐈's avatar
Kat Marchán 🐈

@[email protected]

I just noticed the release notes for @gotink’s parser and it has this new tool for defining KDL<->JS mappings in a more complex way than just JiK. This is AMAZING. It lets you really harness the power of KDL’s node-based system but still work easily with JS objects, in a well-defined and structured way!

Cause sometimes what you really really want is a tree structure, not just objects and arrays. And you never want yaml, even if you think you do :P

github.com/bgotink/kdl/release

marius's avatar
marius

@[email protected]

Can someone with more experience tell me what's an idiomatic way of solving the problem of an application that must fetch multiple URLs?

I currently have the issue that a lot of those URLs actually are the same, so I end-up with 40 requests for the same resource.

Is there an elegant way to solve this with minimal overhead over the native fetch API?

nogajun🍉's avatar
nogajun🍉

@[email protected]

Astro + HTMX + AlpineJSで作るWebフロントエンドでAHA Stackか。これいいな
The AHA Stack: flaviocopes.com/the-aha-stack/

Roni Laukkarinen's avatar
Roni Laukkarinen

@[email protected]

Let it snow! ❄️

I have added snow to my instance during the winter holidays. It's a tiny JS canvas and fades out on scroll down. The snow is also respecting the system accessibility settings, it won't be there if you prefer reduced motion.

Here's the source code for server admins: github.com/ronilaukkarinen/mas
See the snow yourself: mementomori.social

Snow slowly and smoothly falling down from top of the Mastodon window
MDZG (Markdown Zen Garden)'s avatar
MDZG (Markdown Zen Garden)

@[email protected]

Blog | (Markdown Zen Garden) ⬇️🧘

: Create your with MDZG on
monastic.neocities.org/blog/20

Deno's avatar
Deno

@[email protected]

Participating in Advent of Code 🎄?

Use Deno and win some exclusive prizes 🎁️ 👀️

deno.com/blog/advent-of-code-2

MDZG (Markdown Zen Garden)'s avatar
MDZG (Markdown Zen Garden)

@[email protected]

(Markdown Zen Garden) ⬇️🧘

The idea is really simple but works:
monastic.neocities.org/

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

JavaScript/TypeScript Tech Feed (2024/12/27号)
qiita.com/ysknsid25/items/ae27

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

Xのだるまを回したら手元でもだるまを回す
qiita.com/n0bisuke/items/639f9

Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

thi.ng/umbrella 2024 summary

Next month will be already 7 years old (in its current monorepo form) and thi.ng itself turn 14 — a true teenager! 😱

2024 has been a year of a lot of maintenance and the first year in a while, in which I got to put so many of these tools & libraries to work on the development of several other new (and ongoing) projects (incl. some still unannounced ones). Considering the vastly different usage contexts, each time this is also a demonstration (to myself) of just how powerful, adaptable and _composable_ many of these libraries are, and I wish I'd be able to better communicate these aspects to other people...

My deepest thanks and gratitude to my amazing supporters/sponsors, who've been enabling me to continue this work, to expand on it and actively maintain it! Some of you already for years! Love you, people — Your support means the world to these projects (and to me)! And even though I'm still a far way from being able to work fulltime on all these projects, and also had to take on some consulting work this year, I too have been trying my best to work on thi.ng projects every day this year (and almost succeeded)...

Super special thanks go out to: @avi @made @Yura @robertoranon @jeffpalmer @alesroubicek @slowdownitsfine @latrokles @rc101 and others... (Sorry if I missed any other people/supporters/users here — please ping me (again) if I don't follow you already!) 🙏😍

Some juicy/boring statistics ( only!):

In 2024 there were 1,639 commits (incl. today's release), of which:

- 467 features (29%)
- 389 documentation related (24%)
- 340 refactor & performance (21%)
- 198 build, CI, testing, restructuring (12%)
- 112 releases (7%)
- 87 bug fixes (5%)

Scope:

- 200 packages/libraries/tools
- 180 standalone example projects/tools
- 520 code snippets/examples in docs (extractable via tooling)

Source code:

- 4,095 source files
- 223k SLOC total, of which:
- 159k lines of code
- 64k comment lines (mostly for API docs)

Readme's:

- 33% of packages with 1,000+ words
- 20% of packages with 1,500+ words
- Min: 215, max: 9,519, avg: 1,075 words

3,445 Github ⭐️ (+12% in 2024)

200,675,881 NPM total downloads to date (🤯)

There're many valuable ways to support these projects: Share your usage/experience reports, tips & tricks, ask/answer questions, submit issues/PRs, create small examples, documentation/tutorials, word-of-mouth etc.

If you see value in these projects and want to support a large & mature body of open source work financially, I'm accepting contributions via: Github, Liberapay & Patreon — thank you very much for your consideration!

github.com/postspectacular
liberapay.com/thi.ng/
patreon.com/thing_umbrella

Ps. I'm on a small single-user instance only here - any boosts are highly appreciated to increase visibility! Thank you! 🙏

Screenshot of my Github activity/contribution heatmap of the past year, listing 2493 contributions (only a handful of days without contribs since end of Jan 2024)

Visualization from here:
https://github.com/postspectacular
Paweł Grzybek's avatar
Paweł Grzybek

@[email protected]

Let's be honest. You don’t use a debugger because `console.log` is fine. But all these `[Object]`s in deeply nested trees are not helpful, right?

The `console.dir(obj, { depth: Infinity })` is the way to go. Works great in Node.js, Deno and Bun.

Thanks for the tip Matt Pocock 🫶

The difference between console.log and console.dir. Console.dir works a lot better with deeply nested structures.
Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

thi.ng/umbrella 2024 summary

Next month will be already 7 years old (in its current monorepo form) and thi.ng itself turn 14 — a true teenager! 😱

2024 has been a year of a lot of maintenance and the first year in a while, in which I got to put so many of these tools & libraries to work on the development of several other new (and ongoing) projects (incl. some still unannounced ones). Considering the vastly different usage contexts, each time this is also a demonstration (to myself) of just how powerful, adaptable and _composable_ many of these libraries are, and I wish I'd be able to better communicate these aspects to other people...

My deepest thanks and gratitude to my amazing supporters/sponsors, who've been enabling me to continue this work, to expand on it and actively maintain it! Some of you already for years! Love you, people — Your support means the world to these projects (and to me)! And even though I'm still a far way from being able to work fulltime on all these projects, and also had to take on some consulting work this year, I too have been trying my best to work on thi.ng projects every day this year (and almost succeeded)...

Super special thanks go out to: @avi @made @Yura @robertoranon @jeffpalmer @alesroubicek @slowdownitsfine @latrokles @rc101 and others... (Sorry if I missed any other people/supporters/users here — please ping me (again) if I don't follow you already!) 🙏😍

Some juicy/boring statistics ( only!):

In 2024 there were 1,639 commits (incl. today's release), of which:

- 467 features (29%)
- 389 documentation related (24%)
- 340 refactor & performance (21%)
- 198 build, CI, testing, restructuring (12%)
- 112 releases (7%)
- 87 bug fixes (5%)

Scope:

- 200 packages/libraries/tools
- 180 standalone example projects/tools
- 520 code snippets/examples in docs (extractable via tooling)

Source code:

- 4,095 source files
- 223k SLOC total, of which:
- 159k lines of code
- 64k comment lines (mostly for API docs)

Readme's:

- 33% of packages with 1,000+ words
- 20% of packages with 1,500+ words
- Min: 215, max: 9,519, avg: 1,075 words

3,445 Github ⭐️ (+12% in 2024)

200,675,881 NPM total downloads to date (🤯)

There're many valuable ways to support these projects: Share your usage/experience reports, tips & tricks, ask/answer questions, submit issues/PRs, create small examples, documentation/tutorials, word-of-mouth etc.

If you see value in these projects and want to support a large & mature body of open source work financially, I'm accepting contributions via: Github, Liberapay & Patreon — thank you very much for your consideration!

github.com/postspectacular
liberapay.com/thi.ng/
patreon.com/thing_umbrella

Ps. I'm on a small single-user instance only here - any boosts are highly appreciated to increase visibility! Thank you! 🙏

Screenshot of my Github activity/contribution heatmap of the past year, listing 2493 contributions (only a handful of days without contribs since end of Jan 2024)

Visualization from here:
https://github.com/postspectacular
:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

【保存版】Web入力フォームについて
qiita.com/ngtnysk/items/7ce334

Deno's avatar
Deno

@[email protected]

Thank you for your support in helping us reach 100,000 GitHub stars! ⭐️

github.com/denoland/deno

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

【UI/UX】自動再生スライドショーに再停止ボタンを付与する理由
qiita.com/ngtnysk/items/93d22c

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

【入力フォーム】CSSの「:user-invalid」がかなり便利だった
qiita.com/ngtnysk/items/70ca0d

{Insert Pasta Pun}'s avatar
{Insert Pasta Pun}

@[email protected]

youtube.com/watch?v=03lRzf7iSi

(mine is somewhere between Java, Rust, or Javascript. Or whatever the people who write erlang/haskel are off doing)

Roni Laukkarinen's avatar
Roni Laukkarinen

@[email protected]

Let it snow! ❄️

I have added snow to my instance during the winter holidays. It's a tiny JS canvas and fades out on scroll down. The snow is also respecting the system accessibility settings, it won't be there if you prefer reduced motion.

Here's the source code for server admins: github.com/ronilaukkarinen/mas
See the snow yourself: mementomori.social

Snow slowly and smoothly falling down from top of the Mastodon window
Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

Another new release of (v0.20.0), due to some urgent additions & updates of partially outdated documentation and refactoring/cleaning up of some parameter types. This project already contains more docs than code and because things are moving so fast, I forgot to update some parts... (Sorry for any confusion caused...)

Other notable updates:

- Simplified the core API's param value getter for obtaining time-based or randomized values (please check docs[1])
- Updated vector param definition
- Added a `.configure()` method for the EditArt platform adapter to allow manual selection of adapted params (to override the default auto-selection)[2]

You can see all the changes since the last release here:
github.com/thi-ng/genart-api/c

[1] docs.thi.ng/genart-api/core/in
[2] github.com/thi-ng/genart-api/t

Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

and already second update this week, plus the addition of a new platform adapter package for publishing artwork to editart.xyz (ready ahead of 😉)... (cc/ @pifragile)

This new release (all packages at v0.19.0 now) also includes several updates to API docs and adapter readme's:

- github.com/thi-ng/genart-api
- github.com/thi-ng/genart-api/t
- github.com/thi-ng/genart-api/t

All implementations are WIP (but fully functional, to the best of my knowledge!). If there's demand, I'm considering adding more parameter type adaptations also for the EditArt adapater (e.g. to support vector/XY params, as already done for the Layer adapter...)

Since I've been told "people/artists don't read anymore", tonight I'm starting to record a video walkthrough, wish me luck! :)

Kat Marchán 🐈's avatar
Kat Marchán 🐈

@[email protected]

I am absolutely overjoyed to announce the release of 2.0.0!! kdl.dev

It's a significant overhaul of the language to make it SO MUCH NICER in so many ways.

This is the culmination of over 3 years of work (4 if you count from before 1.0.0), by SCORES of contributors.

github.com/kdl-org/kdl/release

I want to give huge thanks to everyone who supported all of us through this, who jumped in and had some really amazing discussions weighing all sorts of interesting trade-offs.

The end result is absolutely not something any one person could've reasonably come up with.

I hope y'all enjoy it <3

As part of this release, several implementations have already launched with full support for v2.0.0, so you can try it now!

👉 github.com/kdl-org/kdl-rs
👉 / / github.com/tjol/ckdl
👉 github.com/IceDragon200/kuddle
👉 / github.com/bgotink/kdl
👉 github.com/tabatkins/kdlpy

KDL is already used in all sorts of projects, and by various folks as a DSL for their own small hobby things: github.com/kdl-org/kdl?tab=rea

There are around 8k .kdl files out on GitHub, which is a lot considering it's usually a config language!

I fully expect this to be the last version of KDL ever released. We really really tried, but I don't think there's anything we can reasonably improve on.

From here on out, the language is in the (stable!) hands of the ecosystem.

Also, we're hoping to have GitHub syntax highlighting support soon!

(Boosts welcome!!)

syntax-highlighted zellij config ported to 2.0.0 format.

// This config is just like `zellij.kdl`, except it shows what it would look
// like if modifiers were done using `+` instead of spaces (thus needing to be
// quoted).
keybinds {
    normal {
        // uncomment this and adjust key if using copy_on_select=#false
        /- bind Alt+c { Copy }
    }
    locked {
        bind Ctrl+g { SwitchToMode Normal }
    }
    resize {
        bind Ctrl+n { SwitchToMode Normal }
        bind h Left { Resize Left }
        bind j Down { Resize Down }
        bind k Up { Resize Up }
        bind l Right { Resize Right }
        bind "=" + { Resize Increase }
        bind - { Resize Decrease }
    }
    pane {
        bind Ctrl+p { SwitchToMode Normal }a section of a syntax-highlighted example KDL document based on a GitHub Actions yaml configuration, ported to KDL 2.0.0.

    steps {
      step uses="actions/checkout@v1"
      step "Install Rust" uses="actions-rs/toolchain@v1" {
        profile minimal
        toolchain "${{ matrix.rust }}"
        components clippy
        override #true
      }
      step Clippy { run cargo clippy --all -- -D warnings }
      step "Run tests" { run cargo test --all --verbose }
      step "Other Stuff" run="""
        echo foo
        echo bar
        echo baz
        """
    }
ayidSudirman's avatar
ayidSudirman

@[email protected]

Day 2️⃣0️⃣ - Learning JavaScript

⌨️ I tried myself DOM with CSS project: Amazon shipping calculator and Rock paper scissors

Quote from muetab.com:
"It seems impossible until it is done."

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

何気に重要かも?LINE Messaging APIのテキストメッセージv2を調べてみた
qiita.com/n0bisuke/items/2eac7

Axel Rauschmayer's avatar
Axel Rauschmayer

@[email protected]

Proposal for turning the JavaScript standard library into built-in modules ('js:json', 'js:math', etc.): github.com/tc39/proposal-built

This proposal could help with the following problem—quoting Tzvetan Mikov (Static Hermes): “Unfortunately, in general it is impossible to compile JS statically to a tiny binary (Wasm or otherwise), because it is impossible statically to know which parts of the JS library are used.”
x.com/tmikov/status/1869900344

Other benefits: fosstodon.org/@rauschma/112002

Deno's avatar
Deno

@[email protected]

Thank you for your support in helping us reach 100,000 GitHub stars! ⭐️

github.com/denoland/deno

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

【保存版】フロントエンド初心者がまず読むべき資料まとめ【2024年最新】
qiita.com/nuco_YM/items/b4259d

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

なんでこんなにもWebフレームワークは目まぐるしく変化しているんだろうか
qiita.com/TokomaBaou/items/5c7

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

Pleasanter の怖い話!
qiita.com/teppei12345/items/05

Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

New release of thi.ng/genart-api, a modular cross-platform API/SDK for browser-based computational/algorithmic/generative art projects, helping to reduce artists' efforts to adapt work for different art platforms/environments/uses/workflows.

Main new v0.18.0 additions:

- The param editor reference implementation now groups parameters by their declared group and sorts them by given order (both optional)
- The `@genart-api/adapter-layer` package supports adaptations/translations for more param types, incl. vectors, which are not yet natively supported by that platform. E.g. vectors will be transparently represented as multiple, separate numeric params on the platform side, but your artwork is blissfully unaware of this and still only would deal with vectors. The platform adapter does all the reconcilation and handling of param changes...
- Started adding tests
- Updated API docs & readme's

As always, feedback highly appreciated — this project is in active development...

I'm aware, the target audience for this larger project is quite limited, but the benefits are real (and palpable!), not just for artists in this field (but especially for them!)... I'll do my best to illustrate the (recurring) problems being solved here, demystify some of the concepts and squeeze in recording a short(ish) video showing how to develop a small project from scratch using this system/setup and then repurpose it and show related tools still in development...

Schalk Neethling's avatar
Schalk Neethling

@[email protected]

Today is my turn for the 😃 - Thank you @5t3ph for the opportunity, it was a blast - Lurk in the shadows with Declarative ShadowDOM - 12daysofweb.dev/2024/declarati

zeitgenosse's avatar
zeitgenosse

@[email protected]

$ pip3 search something
...
RuntimeError: PyPI no longer supports 'pip search' [...]. Please use pypi.org/search (via a browser) instead. [...]

Sure, no problem. Let's see …

»JavaScript is disabled in your browser. Please enable JavaScript to proceed.«

Urgh, but okay, is a package manager, they're good guys. Let me just open and temporarily allow pypi.org ... oh no, it wants to run from …

ethicalads.io
fastly-insights.com
googletagmanager.com
gstatic.com
statuspage.io

That's what you get after 30 years of using the term instead of .

Kat Marchán 🐈's avatar
Kat Marchán 🐈

@[email protected]

there is now another implementation that supports preserving and managing formatting/comments... and it's in / and supports 2.0!!

If you're a JS dev and you've been wanting to check out the latest KDL, check this out: github.com/bgotink/kdl

Deno's avatar
Deno

@[email protected]

Deno 🤝️ @qwikdev

docs.deno.com/examples/qwik_tu

build qwik with deno
:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

SVGについて理解が曖昧なあなたへ
qiita.com/ngtnysk/items/efd5e7

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

【Masonry】高さが違う画像をグリッドレイアウトでいい感じに並べる①
qiita.com/weeding_test_5/items

Deno's avatar
Deno

@[email protected]

Deno can now finally be installed through npm!

npm install -g deno

npx deno eval -p 1+2

npmjs.com/package/deno

Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

(Vol. 2) — Also new/recent updates in :

- thi.ng/ramp has just received a bugfix for ramps with more than 256 keyframes. Thanks to @robertoranon for finding & reporting! 🤩🙏
- thi.ng/meta-css also fixes a couple of issues related to using certain characters within template/macro arguments (e.g. `:`, `=`)

Last week, I also added a new feature to thi.ng/rstream to provide a 1:N fanout subscription type for reactive tuple values. For example, this is very useful for editing vector values via reactive UI components (using individual components per vector/tuple element)...

API docs & mini example:
docs.thi.ng/umbrella/rstream/f

Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

(the 13th) — New version (v0.17.0) of thi.ng/genart-api with the following updates:

- Added platform adapter IDs for use with external editors/tooling
- Updated editors[1] to check for platform adapter & API version compatibility, display warnings if needed...
- Added/migrated three different seedable PRNG implementations in API core package (SFC32, XorShift128, XsAdd). These are completely independent and can be used by platform adapters and/or artworks (also multiple instances)
- Initial release of first platform adapter for an upcoming art platform (currently invite only)
- Restructured all example projects
- Updated readme & API docs (docs.thi.ng/genart-api/core/)

[1] The param editor/sandbox requires your artwork to use the latest version of these packages: `@genart-api/core` and `@genart-api/adapter-urlparams`.

demo.thi.ng/genart-api/param-e

New improved version (of editor) with many more features (incl. variation/preset management) is in the works...

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

🌟星占い10万年でブラウザの限界を越える🌟
qiita.com/yuneco/items/d2db6c6

Deno's avatar
Deno

@[email protected]

Interested in contributing to Deno?

Check out Divy's talk on Deno internals and op2: youtube.com/watch?v=vINOqgn_ik

Deno's avatar
Deno

@[email protected]

Easily check for outdated dependencies with `deno outdated` 👇️

docs.deno.com/runtime/referenc

Deno outdated will check for outdated dependencies.
:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

プリザンターでQRコードを読み取る_OpenCV.js
qiita.com/msms/items/a7b471f4d

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

FullCalendarをカスタマイズ!
qiita.com/_anonymous_dog_/item

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

【JavaScript】リアルタイム数値N桁区切りする際はカーソル位置に気をつけよう
qiita.com/iMasanari/items/7a4b

Martijn Faassen's avatar
Martijn Faassen

@[email protected]

Sometimes the humble `for` loop is actually the best way to go in JS and other languages.

blog.startifact.com/posts/humb

:rss: Qiita - 人気の記事's avatar
:rss: Qiita - 人気の記事

@[email protected]

Pleasanterのダッシュボードにピボットテーブルを表示したい
qiita.com/m-isik/items/3b147cc

Deno's avatar
Deno

@[email protected]

this wren wants to remind you that Deno permission flags have shorthands

deno.com/blog/v1.46#short-hand

deno permission flags have shorthands
Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

Almost each time I get a Dependabot alert, I've been using it as an opportunity to remove some 3rd party dependency. This doesn't mean my code is more secure (albeit I'm trying), but at least it's under my control, or is replaced with more native/built-in/vetted packages.

Latest case: An alert for a transitive dependency of `express` just caused me to refactor the only one (of 180) example projects in thi.ng/umbrella which depended on the latter, replaced with a barebones NodeJS built-in solution (good enough for this use case) and resulting in ~60 less dependencies in total...

えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20241210 / graphic

code : openprocessing.org/sketch/2481

iamreinder's avatar
iamreinder

@[email protected]

I like that @deno_land tries to be an all-in solution. I like that about go as well. Good tooling, rich standard library. What is difficult, though, is that the js ecosystem is so fragmented. For instance, I’m trying to use drizzle ORM with SQLite. That’s far from straightforward. They don’t include examples for Deno. Translating commands to how Deno likes them is a hassle and I run into issues with migrations

Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

Major project updates from this past week:

thi.ng/genart-api

- Restructured the project as monorepo, splitting out core API and platform adapter(s) as separate packages
- Switched package scope from `@thi.ng` to `@genart-api` to highlight project/platform independence (not directly related with other thi.ng projects).
- Published new packages: `@genart-api/core` and `@genart-api/adapter-urlparams`
- Moved API docs to docs.thi.ng/genart-api/core/
- Added support for n-dimensional vector parameters and added support in the reference platform adapter and in param editor
- Updated all examples & parameter editor. The latter is now only compatible with this latest API version (v0.16.0)
- Updated docs/readme

If you want to find out more, the project readme has _a lot_ more information. Also feel free to get in touch with any questions/proposals!

Hispa-Emacs.org's avatar
Hispa-Emacs.org

@[email protected]

Emacs es nuestra Caja de Herramientas: " Manos a la obra ... a programar"

En esta ocasión vimos en acción a
Emacs como herramienta para programar - IDE (LSP)

..., hablamos de un montón de cosas: aquí una lista desordenada... :

- LateX

- LSP ~ emacswiki.org/emacs/LanguageSe
- Eglot
- microsoft.github.io/language-s - múltiples lenguajes de programación en Emacs
(HTML5, , ... y mucho más!)

cc @Notxor @andros fediverse.tv/w/vJCtHpK241o2hLH

Deno's avatar
Deno

@[email protected]

Deno 🤝️ SolidJS

deno.com/blog/build-solidjs-wi

Axel Rauschmayer's avatar
Axel Rauschmayer

@[email protected]

29 years ago today (1995-12-04): “Netscape and Sun announce JavaScript, the open, cross-platform object scripting language for enterprise networks and the internet”
web.archive.org/web/2007091614

Deno's avatar
Deno

@[email protected]

Update on : Oracle has filed a notice of appearance, signaling engagement in the JavaScript trademark case. Aside from this, we’ve had no communication. Their response is due by January 4th.

deno.com/blog/deno-v-oracle/20

kris 🦜's avatar
kris 🦜

@[email protected]

Many very talented software engineers I know well from a previous employer have either just been layed off or are actively looking for a new gig due to these mass layoffs. If you know a company, preferrably in Germany, that is looking for developers, please let me know. Please boost for reach!

Deno's avatar
Deno

@[email protected]

Did you know you can host your Next.js app on Deno Deploy in just a few steps? Here's how👇️

deno.com/blog/nextjs-on-deno-d

Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

It just dawned on me that I haven't been mentioning five(!) recent thi.ng/genart-api updates, all from the past month... 😱

The latest version (v0.14.0, just released) is largely about an overhaul of messaging related functionality and also addresses use cases related to managing multiple artworks embedded (via `<iframe>`s) in a single document/page (think: online gallery scenarios...)

If you're already using GenArtAPI message/event listeners in your own artwork, you might have to rename some of them. This commit has the important details:

github.com/thi-ng/genart-api/c

Also, the online parameter editors have been updated and are now only working with the latest version of the API, so be sure to update your artwork projects to stay compatible:

Generic editor harness (for your own compatible artworks):
demo.thi.ng/genart-api/param-e

Demo (with test artwork):
demo.thi.ng/genart-api/param-e

Other recent changes/additions (in no particular order):

- added new message types to poll the artwork/API for current state/info
- update message names & naming convention
- added ability to configure the API behavior/features (also via messaging)
- option to emit frame messages w/ current timing/frame info
- message broadcasting to multiple GenArtAPI instances/artworks
- inject common defaults for optional settings in param specs
- fixed date/datetime param handling (in editor)
- updated/fixed time providers
- updated debug time provider (w/ FPS visualization overlay)
- use gzip compression for image param values (in default platform adapter)
- added version info
- various documentation updates
- (WIP) WASM bindings for Zig-based artworks
- (WIP) unpublished progress on real platform adapters

Some of these features are all about enabling new use cases and improving usability of external tooling around artworks adapting GenArtAPI, for example:

- Ability to broadcast start/stop messages to either individual or all artworks embedded in a page
- Ability for the param editor to configure the artwork currently being worked on to emit timing & frame information (which then can be integrated in the editor UI without the editor knowing anything else about the artwork)
- Enable editors to identify an artwork/project and store param presets grouped by project ID
- Allow editors (or other tools) to check the API version used by the artwork by first sending a `genart:get-info` message, then listening for `genart:info` response (then maybe display a warning if version is incompatible)
- etc.

If you want to find out more, the project readme has _a lot_ more information. Also feel free to get in touch with any questions!

Su-Shee's avatar
Su-Shee

@[email protected]

"It insists that all user problems will be solved if teams just framework hard enough." (article about ) but this THIS is the single one reason for me about - a standard library well stocked enough to not need frameworks anymore but instead choosing a small selection of really necessary libraries and a lil' sugar for any given project. I didn't framework hard the last decade - I didn't framework at all. (and its simplicity.) infrequently.org/2024/11/if-no

雨宮凪沙/nagiko's avatar
雨宮凪沙/nagiko

@[email protected]

Fedify 1.0.0のリリース - Qiita qiita.com/hongminhee/items/fa0

Sherri W (SyntaxSeed)'s avatar
Sherri W (SyntaxSeed)

@[email protected] · Reply to Alex Russell's post

@slightlyoff I've being doing this for so long (). I have an inkling that everytime this conversation comes up and the person doing the "front end frameworks are killing us" cautioning - can't or won't actually recommend an alternative - it's because it will never be possible.

Not until the JS baked directly into the browser stops sucking so badly.

It's bandaids on top of wounds on top of bandaids.

Deno's avatar
Deno

@[email protected]

Participating in Advent of Code 🎄?

Use Deno and win some exclusive prizes 🎁️ 👀️

deno.com/blog/advent-of-code-2

Webdev Weekly's avatar
Webdev Weekly

@[email protected]

Show HN: I created a lightweight JavaScript library to visualize JSON as a graph

github.com/xzitlou/jsontr.ee

Discussions: discu.eu/q/https://github.com/

Deno's avatar
Deno

@[email protected]

It's done. Now it’s your turn, Oracle.

We’ve submitted a formal petition to cancel the JavaScript trademark: it is generic, Oracle has abandoned it, and Oracle committed fraud on the USPTO during the last trademark renewal.

Oracle has until January 4th to respond, or the case will go into default, which will result in the trademark being canceled.

It's time to .

deno.com/blog/deno-v-oracle

Deno's avatar
Deno

@[email protected]

Deno 2.1 is out 🎉️
✈️️ first class Wasm support
🌳️ Long Term Support branch
⭐️ Improved dependency management
and much more!

deno.com/blog/v2.1

^Kur0den\d{4}$ :irai_houki_tyuu:'s avatar
^Kur0den\d{4}$ :irai_houki_tyuu:

@[email protected]

『[Deno] Fresh入門ハンズオン ~ プロジェクト作成からデプロイまで - Qiita』 - https://qiita.com/access3151fq/items/772cd0a22d7eea8d4d03

えいいち(E.C.H)'s avatar
えいいち(E.C.H)

@[email protected]

dailycoding - 20241114 / graphic

code : openprocessing.org/sketch/2445

Deno's avatar
Deno

@[email protected]

Deno 🤝️ @drizzleorm

deno.com/blog/build-database-a

Angelika Cathor's avatar
Angelika Cathor

@[email protected]

I wrote my thoughts on how to decide what's a regular dependency and what's a dev dependency in a JavaScript app (not library). It's surprisingly unclear... angelika.me/2024/11/11/depende

GENKI's avatar
GENKI

@[email protected]

が追いついていない、という投稿を見かけて、妙に納得するなど

Pale Moon web browser's avatar
Pale Moon web browser

@[email protected]

Want to help improve an independent #web #browser's web compatibility AND get paid? We've just marked two high priority issues in the #UnifiedXULPlatform as eligible for bounty payment: https://repo.palemoon.org/MoonchildProductions/UXP/issues?labels=280

#PaleMoon #UXP #HTML #JS #JavaScript #webbrowser
Espen Andersen's avatar
Espen Andersen

@[email protected]

An post is probably appropriate. So: Hello from !

I'm here hoping to find interesting and other nerdy projects, in addition to sharing my own stuff.

I've been fiddling with microcontroller/WiFi modules for a while, and will probably post my share of esp32 related projects.

My primary programming languages are

I do design with , simple 2D design with and 3D work in .

I write about some of my projects on my personal blog, espenandersen.no

My GitHub repository is found at github.com/espena

(Image from my garage workbench)

Garage workbench
Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

Very much liking the succinctness of the JS Compression Streams API[1] and wish I'd known about this a couple of years earlier. Here're some small helpers to compress or decompress a byte array...

I've just also pushed a new version of thi.ng/genart-api (v0.11.0) in which the reference implementation platform adapter now uses gzip compression for serializing the data of image maps/parameters (in ~50-60% of the original size)...

[1] developer.mozilla.org/en-US/do

(edit: removed obsolete `async`)

TypeScript source code:

```
const compressBytes = (
	buf: TypedArray,
	fmt: CompressionFormat = "gzip"
) => pipe(buf, new CompressionStream(fmt));

const decompressBytes = (
	buf: Uint8Array,
	fmt: CompressionFormat = "gzip"
) => pipe(buf, new DecompressionStream(fmt));

// shared compression/decompression helper
const pipe = async (
	buf: TypedArray,
	stream: ReadableWritablePair<any, Uint8Array>
) =>
	new Uint8Array(
		await new Response(
			new Blob([buf]).stream().pipeThrough(stream)
		).arrayBuffer()
	);
```
Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

Various and updates from this week:

- Added null pointer checks & guards in thi.ng/wasm-api. This also includes support for structs with fields using Zig-style optional pointers.
- Updated the thi.ng/wasm-api-bindgen code generator for to produce smaller code for structs using many string fields
- Did major ground work on bindings of core thi.ng/genart-api functionality (see small demo below)
- Fixed/updated/simplified time provider logic
- Updated the debug time provider with its FPS analytics/visualization overlay, now computing moving min/max and moving average (default period = 200 frames) and the viz is dynamically/smoothly rescaling to current peak
- Released new GenArtAPI v0.9.0

As for the Zig/WASM example: This is only interesting from a technical POV, no visuals here! All canvas drawing and parameter declarations/evaluations are done via Zig, using the aforementioned thi.ng/wasm-api infrastructure to provide a new API module which can be seamlessly used with the other hybrid WASM API modules, here for DOM creation (thi.ng/wasm-api-dom) and to handle Canvas2D drawing (thi.ng/wasm-api-canvas).

At the moment, this GenArtAPI WASM module is still a fixed part of this example, but will eventually be extracted & distributed as separate package.

Demo (with param editor):
demo.thi.ng/genart-api/param-e

Choose one of the two GUI implementations, then make any parameter changes and you should see the new values applied immediately (btw. the demo is likely not very usable on mobile)...

Source code (TypeScript in `/src`, Zig in `/zig` directories):
github.com/thi-ng/genart-api/t

Antonin Delpeuch's avatar
Antonin Delpeuch

@[email protected]

New blog post: mergiraf.org, a syntax-aware merge driver for .

Supports , , , , , , , , and so far, and it's quite easy to add support for more thanks to .

antonin.delpeuch.eu/posts/merg

Get it on : codeberg.org/mergiraf/mergiraf

Deno's avatar
Deno

@[email protected]

Deno is a JavaScript package manager with more flexibility:
📦️ npm and JSR
🛠️️ package.json and deno.json
👟️ fast

deno.com/blog/your-new-js-pack

randomMDN's avatar
randomMDN

@[email protected]

Greetings to all developers and enthusiasts.

I'm a bot, now on a new instance at front-end.social/! If you're already following, the transition should happen automatically. However, if you have any bookmarked posts, I recommend re-bookmarking the direct links to articles in your browser for safe keeping.

Starting December 15th, the original instance will no longer be active. I'll send a reminder before then.

Aral Balkan's avatar
Aral Balkan

@[email protected]

Really enjoying adding end-to-end tests to Kitten¹ using Playwright² and my own little Kitten controller class for starting/stopping/otherwise interacting with the Kitten server.

Just wrote some that comprehensively test identity creation and authentication for Small Web places:

codeberg.org/kitten/app/src/br

Lots more to write but I think I’ve found a good flow :)

:kitten:💕

¹ kitten.small-web.org
² playwright.dev

Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

Some and releases from this past week:

thi.ng/genart-api is already at v0.8.1 now. This latest version includes a new "debug mode" time provider plugin which also collects and computes frame rate statistics (moving average) and injects a canvas visualization overlay (everything configurable). Together with the parameter editor, this is a small, but useful tool to help configuring an artwork and ensure fluid performance on a target device/platform...

The URL chooser of the reference implementation's parameter editor is also mobile friendly now. You can see a demo of both in action here:
demo.thi.ng/genart-api/param-e

Some thi.ng/umbrella related updates:

thi.ng/memoize: Function memoization/caching. Added support for async functions/promises and made existing implementations variadic (and removed fixed arity versions!). This is thanks to a feature request by Hitomi Tenshi...

thi.ng/transducers-stats: Functional sequence processing. Added moving minimum/maximum transducers (deque-based to be super efficient) and updated Donchian channel transducer (aka moving min/max bounds) to also benefit from new implementation

There's also ongoing major (re)work of the long-promised 2D/3D mesh implementation. It's still on a private feature branch, but I'm getting closer for initial release...

Paul Hebert's avatar
Paul Hebert

@[email protected]

I built a random maze generator!

I got kinda obsessed with mazes recently and made a tool to generate infinite random mazes. I wrote an article about how it works and created animated visualizations of the process.

Check it out!

cloudfour.com/thinks/generatin

Paweł Grzybek's avatar
Paweł Grzybek

@[email protected]

Let's be honest. You don’t use a debugger because `console.log` is fine. But all these `[Object]`s in deeply nested trees are not helpful, right?

The `console.dir(obj, { depth: Infinity })` is the way to go. Works great in Node.js, Deno and Bun.

Thanks for the tip Matt Pocock 🫶

The difference between console.log and console.dir. Console.dir works a lot better with deeply nested structures.
Steve Faulkner's avatar
Steve Faulkner

@[email protected]

👁️

"What are the effects of component-based architectures? They mean that developers no longer have to know HTML to write HTML. When it comes to accessibility, this is not a good thing. The vast majority of accessibility lives in the markup. Not understanding which elements to use or what is even valid to do in the language is always going to cause accessibility barriers."

tpgi.com/mind-the-remediation-

洪 民憙 (Hong Minhee)'s avatar
洪 民憙 (Hong Minhee)

@[email protected] · Reply to 洪 民憙 (Hong Minhee)'s post

0.7.0をリリースしました!

新機能の暗黙的コンテキストにより、リクエストID、ユーザーIDなどの文脈情報を、手動で渡すことなくログに自動的に含められるようになりました。

詳しくは記事をご覧ください:

zenn.dev/hongminhee/articles/3

洪 民憙 (Hong Minhee)'s avatar
洪 民憙 (Hong Minhee)

@[email protected]

Just released 0.7.0 with implicit contexts! Now you can automatically include request IDs, user IDs, and more in your logs without passing context manually. Read more about this powerful feature:

dev.to/hongminhee/introducing-

洪 民憙 (Hong Minhee)'s avatar
洪 民憙 (Hong Minhee)

@[email protected]

I wish has dynamic scopes as like in Perl or Emacs Lisp or contextvars (context-local states) as like in Python.

en.wikipedia.org/wiki/Scope_(c

bx's avatar
bx

@[email protected]

/* doesnt have Array.shuffle, BUT! */
Array.sort(_=>Math.random()-0.5); // shufles!!

ECMAScript News's avatar
ECMAScript News

@[email protected]

JetBrains: “WebStorm and Rider are now free for non-commercial use”
blog.jetbrains.com/blog/2024/1

Dillo browser's avatar
Dillo browser

@[email protected]

: Is there any bank that can be operated from a web browser without JavaScript? Are they _all_ extinct?

Roni Laukkarinen's avatar
Roni Laukkarinen

@[email protected]

Thanks for inventing JavaScript.

2 typeof NaN 2 true==1 "number"” true

> 9999999999999999 2 true===1 10000000000000000 false

> 0.5+0.1==0.6 > (!+[]+[1+![1).1length true 9

2 9.1+0.2==0.3 > 9+M1" false "o1"

> Math.max() 2 91-"1" -Infinity 90

> Math.min() > []==0 Infinity true

> [1+01 :

2 [1+{} 2 "[object Object]" - 4

2 {31 2 b

> true+true+true===3 S . true -

> true-true e
David Bisset's avatar
David Bisset

@[email protected]

The State of ES5 on the Web

philipwalton.com/articles/the-

Brian Rinaldi's avatar
Brian Rinaldi

@[email protected]

Here’s my

👋 I’ve been a developer for about 24 years. The last 10+ I’ve been working in roles, currently at LaunchDarkly as a Developer Experience Engineer.

I’m active in the developer community as a speaker, author & organizer. I speak a lot on topics like , , & . I co-wrote multiple books on Jamstack and run a newsletter on the topic. I organize virtual events on cfe.dev & run the Orlando Devs .

Joshua Byrd's avatar
Joshua Byrd

@[email protected]

Thought it might be fun to make a small jsr package that actually has a bit of real-world utility. So here's `isit` as in `isit("Friday") ? "Hooray!" : "Boo!"` which I'll use in our morning work standup bot to send a different Teams meeting link depending on what day it is. Maybe it'll be useful to someone else too. It supports custom Dates and timezone offsets too. Enjoy! jsr.io/@phocks/isit

Nikhil 🐧's avatar
Nikhil 🐧

@[email protected]

Imagine this being the bugfix for an implementation of a 3rd party library

Just things 🤡

Javascript code-change from a boolean value that was true to a string that contains "true".
Deno's avatar
Deno

@[email protected]

Want to modernize legacy JavaScript?

One way is to convert CommonJS code to ESM 👇️

deno.com/blog/convert-cjs-to-e

Caolan McMahon's avatar
Caolan McMahon

@[email protected]

JS0/JSSugar: the tooling will continue until morale improves - caolan.uk/notes/2024-10-14_js0

Jesus Cova's avatar
Jesus Cova

@[email protected]

Everything should be written in , but not everything deserves it.

And that’s when I reach for

And in the end I get paid to write and

xoron :verified:'s avatar
xoron :verified:

@[email protected]

Decentralized P2P Calls In Augmented/Virtual Reality

positive-intentions.com/blog/p

github.com/positive-intentions

ari :autism: 's avatar
ari :autism:

@[email protected]

I should probably make a proper #introduction post. So guess now is fine?

Hello! I am Ari Archer. I am an #LGBT 17-year-old #OpenSource #Autistic developer from #Lithuania who likes to mess around with #software, #backend development, and of course my favourite #programming languages: #C (ANSI #C89 is my favourite C standard) and #Python :) I can fuck around in Assembly too, although I tend to think it's not practical in most cases, although I don't do that much low level programming for it to matter, I do enjoy occasional #ProgrammingLanguage development, though.

I have a (shitty) #website on https://ari.lt/ (which I need to re-re-re-write (I need to rewrite it for the 3rd time, the 2nd time was fine I think, but I kinda made it bad now ;-; because it's basically all #JavaScript), I also have a #blog at https://blog.ari.lt/ which I post random #thoughts, #progress, #tutorials, #recipes, etc. on, could I call it #lifestyle content? I don't know. I also like #cats (and I have one named Tina and I love her very much), #cooking, and #researching random things which I yap about to my friends.

I am very pro-#selfhosting and feel like more people should do it, maybe not anything large or mainstream, but at least try to, #learning about things is fun, and self-hosting teaches you a lot, as well as making it easier for people to migrate to #foss easier, which I believe to be a good thing. Most of my beliefs are centred around "by people for people" as in everything should be accessible, open source, and #free as in #freedom.

I hope I enjoy my stay on #fedi these days as I haven't really been on fedi for a while now, in the mean time you can reach me on #email ([email protected]), #matrix (@ari:ari.lt) or #Git/#GitHub (https://ari.lt/gh).

#Hello, Fedi!
Evan Rowe's avatar
Evan Rowe

@[email protected]

Greetings, Program! I'm Evan (he/him). I live in the area.

I'm an Engineering Manager with a technical background in and , and I believe putting people first is the key to making good software.

I’m a dad to three very energetic young kids, I’m a enthusiast, I like playing , taking , and I enjoy when I can make the time for it.

Hello, Hachyderm!

Deno's avatar
Deno

@[email protected]

4 years after Deno 1.0, the next generation of JavaScript is ready for production at scale.

Deno 2 is out today
🐢 Fully backwards compatible with Node and npm
📦 Package management and node_modules and package.json
📅 Long term support

deno.com/2

Jason Kaczor 🇨🇦's avatar
Jason Kaczor 🇨🇦

@[email protected]

Who me? Just a , IT Consultant and "all-around-".

I grew up watching Saturday morning cartoons, original re-runs, reading & (not SyFy), lots of and eventually graduated to and gaming. 

My first computer was a Vic-20 - at school, we learned graphical on PETS and Apple IIe's... crashed the Unisys ICON network often before getting my first PC - grudgingly - really wanted an .

Eventually, it was time for college - I *thought* I would be heavily involved in the physical aspects of technology, circuit design, and hardware engineering - instead, I gravitated to .

My first professional language was 1.0; eventually, jumping into Borland 1.0 and - still dabble with , a smidge of , a lot of and some . My is ancient...

You can find me online at - linktr.ee/jasonkaczor

Brian P. Hogan's avatar
Brian P. Hogan

@[email protected]

I'm Brian.

I develop software, content, and people.

I'm the author of 11 tech books, and I've written or edited hundreds of articles on software dev and system admin.

I code with , , , and . I love , , and command line tools.

I've been writing and making and other kinds of music for almost 20 years. I play piano well and guitar poorly.

Finally, I love helping people level up through teaching, mentorship, or just making connections.

Nicd's avatar
Nicd

@[email protected]

as posts aren't migrated:

Software dev from , . Worked on full stack and / projects for 10+ years, on my free time I use & (hope in the future at work!).

Main hobby project is codestats.net/, a free programming stats project. I also enjoy , , and video games.

Blog: blog.nytsoi.net/ (engine: git.ahlcode.fi/nicd/scriptoriu)

Some packages:
hex.pm/users/nicd

Working on UI.

Inautilo's avatar
Inautilo

@[email protected]


Redirect Checker · A web tool to analyze and verify URL redirects ilo.im/1605hw

_____

Deno's avatar
Deno

@[email protected]

Deno 2 is not yet released, but we've made many️ updates to the release candidate 👇️

deno.com/blog/v2.0-release-can

^Kur0den\d{4}$ :irai_houki_tyuu:'s avatar
^Kur0den\d{4}$ :irai_houki_tyuu:

@[email protected]

『Node.js と Deno と Bun のどれを使えばいいのか - Qiita』 - https://qiita.com/access3151fq/items/2466126b612fad1c084a

Kristof Zerbe's avatar
Kristof Zerbe

@[email protected]

✍️ Mentions United ... 3, 2, 1, Go

At some point, you write something yourself. In this case, a JavaScript solution to unite blog posts with their interactions on the and beyond...

kiko.io/post/Mentions-United-3

Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

More exciting updates to thi.ng/genart-api, an API for browser-based generative artworks:

- added two list param types (numeric & string)
- added support for composite/nested param types, esp. interesting for custom param types declared by artworks and/or platforms
- updated the first (of two) GUI param editors in the reference implementation to support composite params
- added new example showcasing custom & composite param types (oscillators)

New example w/ editor (make sure to select the "imgui" editor):
demo.thi.ng/genart-api/param-e

Example source code:
github.com/thi-ng/genart-api/b

To explain a bit further: The example defines a custom oscillator parameter type, which itself consists of multiple sub-params to configure waveform, frequency, amplitude etc. Using the GenArtAPI messaging protocol, the external param editor (not knowing anything about the artwork or this custom param type) can still provide GUI widgets to customize the 2 oscillators used... Likewise, the artwork is completely decoupled from how those oscillator values are being computed or how they're customized via the editor...

Deno's avatar
Deno

@[email protected]

The 🦕️ is out of the bag...

youtube.com/watch?v=pcC4Dr6Wj2

洪 民憙 (Hong Minhee)'s avatar
洪 民憙 (Hong Minhee)

@[email protected]

If you've been avoiding & due to the complexity of the .js ecosystem, give a try. Everything is simplified and you can start coding right away without having to set up a development environment.

Danny Blue's avatar
Danny Blue

@[email protected]

If this was built with a framework the framework wouldn't even be loaded yet. This doesn't even lazy load any JS. There is just so little of it that I load it in <head/>. Each stone is an html element AND each stone placement has to calculate quite a bit before it can move on.

github.com/deebloo/go-board

Mark Wyner :vm:'s avatar
Mark Wyner :vm:

@[email protected]

For my designer/coder friends. You might wanna follow @codepen. They curate Pens and post them here. So many great inspirations.

Example:
fosstodon.org/@codepen/1129115

EdenDestroyer (He/Him)'s avatar
EdenDestroyer (He/Him)

@[email protected]

Henlo frens, i have completed my basic studies of HTML and CSS with the help of a local school, now i begin studying Javascript.

But between the JS studies, i want to practice my HTML and CSS skills, what would be the best way to do that?

I believe that trying to clone existing websites would be a cool way to upskill. Do you know of any particular website(s) that i should try and clone as a beginner? I have once worked with cloning amazon.com.

What else can i do as well? I want to focus on styling and structure as well.

Tags:

Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

Lots of new additions & improvements to the thi.ng/genart-api proposal, documentation, the reference implementation, examples and param editors this week:

thi.ng/genart-api

- added new (12th) parameter type: image maps (supporting grayscale or RGB)
- added new example project using an image parameter to create artwork
- added code example showing how an art platform (or artwork itself) might define & work with a custom parameter type (example: sine oscillator)
- added/updated API docs (docs.thi.ng/umbrella/genart-ap)
- started documenting API states & transitions (diagram still WIP, forthcoming)
- initial documentation of message protocol (for communicating w/ parent window and/or external tooling)
- simplified the pluggable time provider implementations (for animation)
- updated the reference implementation platform adapter to support all built-in param types
- major update GUI param editors, now allowing users to dynamically load & customize externally hosted (compatible!) artworks, and also supporting image params, custom color chooser component...

Example editors:

- demo.thi.ng/genart-api/param-e — either of the two editors can be used...
- demo.thi.ng/genart-api/param-e — currently only the rdom-forms editor can be used for this and you'll need to choose an image for the other params to make sense...

(Note: The imgui-based editor is NOT mobile friendly. Also, the editor sidebar can be toggled on/off via Escape key)

As usual, everything's work-in-progress until further notice. Feedback welcome!

Screenshot of the linked image map parameter example, showing a sidebar with different parameter controls (low res grayscale image preview, color picker), and the artwork showing the imported image represented as a fine grid of differently sized pink dots on dark blue background
GENKI's avatar
GENKI

@[email protected]

に、 に回帰する(予言

に回帰するかは知らない(回帰してほしいけど

Diplo Dino's avatar
Diplo Dino

@[email protected]

Since I haven’t yet posted an

Hi, Mastodon! I joined :mastodon: before the kicked off because I love exploring new apps and social media sites.

I’m a programmer by trade, usually working on web apps using and of course (we love it just the way it is lol :blobmiou:)

I’m constantly , especially , , and ! I’m passionate about music, especially and electronica. Catch me at … IYKYK 🙃

Alex Standiford's avatar
Alex Standiford

@[email protected]

Hello World! Alex Standiford here. I am a web developer at GoDaddy, who travels full-time in one of two RVs with my two kids, two cats, a dog, and my wife. I mostly talk about , , and bad puns. Looking forward to meeting y’all!

Interests:















Deno's avatar
Deno

@[email protected]

Rusty V8 is now stable!

With zero-overhead bindings to V8 APIs, memory safety through Rust’s ownership model, and great docs, it’s battle-hardened and production-ready. From here on, Rusty V8 will follow Chrome versions for predictable upgrades.

deno.com/blog/rusty-v8-stabili

Wizards Anonymous's avatar
Wizards Anonymous

@[email protected]

The has a of .

洪 民憙 (Hong Minhee)'s avatar
洪 民憙 (Hong Minhee)

@[email protected]

v0.6.0, a zero-dependency structured logging library for & , has been released. The main changes include:

• Loggers now can override sinks of their ascendants.
• Placeholders in message templates now forgive leading and trailing spaces.
• Added LogRecord.rawMessage property.
• Built-in text formatters now can be customized.

Available now from JSR and npm:

• JSR: jsr.io/@logtape/[email protected]
• npm: npmjs.com/package/@logtape/log

Christian Alder's avatar
Christian Alder

@[email protected]

Hej Hej 👋

Time for a new as I've moved servers (again).

My name is Christian and I'm a freelance frontend dev that works with . I love , , and (not on the client side tho 😎)

I'm from 🇸🇪,
raised in 🇬🇧,
currently live in 🇵🇹.

I've got a bunch of interests and hobbies that I might post about from time to time:

-
-
-
-
-
-
-
- AF 🌱

💚

Julian Fietkau's avatar
Julian Fietkau

@[email protected]

Today's update: pixel graphics by @misnina are in, collectible placement is (probably) finalized. I'm very happy with how this looks now! 🙂

1.5 weekends to go before the jam ends, core gameplay and visuals more or less done, lots of auxiliary stuff left: light story content, sound effects, end screen, title screen and menus, options, credits, touch controls, ...

(Marked sensitive in case you'd like to avoid spoilers)

A blue feather floats across a cloudy sky. A red pinwheel (controlled by the player's mouse cursor movement) propels it around softly. Clusters of silvery letters float in the sky, some of which the feather collects by getting close to them. Everything is rendered in 2D pixel art, except the letters, which are small 3D objects.
Deno's avatar
Deno

@[email protected]

Deno 2 Release Candidate has dropped:

‣ Add `process` global variable, remove `window`
‣ Improve dep management
‣ Permission system updates
‣ Many stabilizations
‣ Better CommonJS support
‣ Test documentation with `deno test --doc`

deno.com/blog/v2.0-release-can

Gavin Chait;'s avatar
Gavin Chait;

@[email protected]

I'm looking for a / developer to help me extend my FastAPI/NuxtJS template (github.com/whythawk/full-stack) to support . I'm busy with the server. My objective is an open source starter template for developing full federated apps for creator commercial activity (like a personal Etsy or Amazon site) where creators can sell their work & supporters can follow for new product releases. This is a paid project. Contact me direct.

Wizarth's avatar
Wizarth

@[email protected]

:

Big software nerd, trying to get back doing software dev for fun after putting all my energy into doing it for work.

Outside of that, I'm trying to discover who I am. Not so much midlife crisis as "My personality is all trauma responses?" "Always has been."

J. R. DePriest :verified_trans: :donor: :Moopsy: :EA DATA. SF:'s avatar
J. R. DePriest :verified_trans: :donor: :Moopsy: :EA DATA. SF:

@[email protected]

Since there has been a huge influx of new users, I decided to write a new and actually pin it to my profile.
I'm pushing 50 years old and I live in a Red State that is trying to make me illegal. I'm a / woman married to a heterosexual cisgender woman who frequently talks about the current hellscape for people like me in my Toots.
I'm / which is probably why all of these sentences start with "I".
I've worked in for a little over 20 years. I've had lots of roles in , , and . I taught myself , , , and . I'm decent at . I can read and . I enjoy automating things and turning manual processes into scripts.
I've been the primary to my wife for 8 years since she developed a chronic condition and went on disability.
My hobbies including short fiction, journaling my , and playing on my laptop and .
I prefer over over . Still waiting for Amazon to do something, anything with the Stargate property.
While we loved the including and , in general we prefer over .
I'm a fan of / , and , especially the existential dread of or . I tend to sympathize with the nameless terrors. I am not a fan of mindless slashers, unrelenting gore, or torture porn. Over-the-top, egregious gore that crosses into the absurd is fine, though, so I am a Sam Raimi fan, obvs. Also, are underappreciated.
I'm slowly reconnecting with my roots. I knew some stuff about and had a friend who as a tree a lifetime ago and I'm trying to rekindle that.
We've got and they are our kids. I also happen to love , but we don't have any of those.






Deno's avatar
Deno

@[email protected]

Help us spread the word — it's time to

javascript.tm

Julian Fietkau's avatar
Julian Fietkau

@[email protected]

Unveiling the core gameplay loop of my entry. 😀 Think you can do better than me? You're probably right! Prove it next month!

Note: still placeholder graphics, have not even started on presentation except basic animation. I wanted to get the movement nailed down early since it's so core to the experience. This feels about right.

(Gonna be marking these as sensitive in case people want to avoid spoilers.)

A red pinwheel, controlled via mouse movement, softly blows a black feather across a cloudy sky which the camera is slowly panning across. Some purple cubes are jiggling in the sky, the feather collects some of them through close contact. The collected cubes shrink and start rotating around the feather.
Austin Zani :BlobhajReach:'s avatar
Austin Zani :BlobhajReach:

@[email protected]

I never did a Mastodon so here we go.

My name is Austin and I love my family, Sports, Music, and Tech.

I am a software developer at . At my job currently I work primarily with , , and . I know some and hope to publish an app in the AppStore in 2023. I am going to try to here.

I am a fan of the , , , , , , and .

Julian Fietkau's avatar
Julian Fietkau

@[email protected]

Finally starting on my project today. 😀 Because is it a real deadline if you don't start on the thing halfway through? 😇

This is after an hour or two of getting warmed up again in . Hand-fudged physics, no graphics yet, but you can guess at the basic gameplay concept. I'm having fun so far!

If you missed this ongoing game jam up until now: itch.io/jam/fedi-jam and @fedi_jam 👏

A gray rectangle floats in a blue void. A red spinning square appears, controlled by mouse movement, moves around the screen and softly pushes the rectangle around like a repelling magnet.
Autumn64 🏳️‍⚧️ :gnu: :linux:'s avatar
Autumn64 🏳️‍⚧️ :gnu: :linux:

@[email protected]

Acerca de mí:
¡Hola! Soy Mónica Gómez, también conocida como Autumn64. Soy una estudiante mexicana de Ingeniería en Sistemas Computacionales, soy una mujer transgénero y soy activista por el movimiento del .

También soy y de . Programo activamente en , , y , aunque conozco algunos otros lenguajes más (por ejemplo BASIC, , C# y Java). Puedes ver todos mis proyectos en : codeberg.org/Autumn64

En redes me dedico a la promoción y difusión del Software Libre, así como de sus ventajas técnicas y éticas desde el punto de vista latinoamericano e hispanohablante.

También soy independiente, hago : autumn64.xyz/src/es/music.html

Esta es mi cuenta principal, y además tengo otras cuentas en el . Si quieres verificar que realmente soy quien digo ser, por favor revisa mi clave pública: autumn64.xyz/src/es/key.html

Más acerca de mí: codeberg.org/Autumn64/AboutMe/

¡Cómprame un café! (de forma totalmente voluntaria ;)): liberapay.com/autumn64/

Manav Rathi's avatar
Manav Rathi

@[email protected]

package manager usage stats from npm traffic

npm 64%
yarn classic 25%
pnpm 9%

Yarn 1 single handedly accounts for 25% of the traffic, yet is unmaintained.

Ironically, a PR to enable corepack by default is going to lead to the removal of corepack altogether.

some thoughts around this - notes.mrmr.io/the-v3-curse

Julian Fietkau's avatar
Julian Fietkau

@[email protected] · Reply to Julian Fietkau's post

I pushed a feature update for :fietkau_software: fietkau.software/qr today. 🙂

It has two fun new shape styles, a bunch of added logos (👋 @pixelfed @joinpeertube @Codeberg @forgejo and more), some advanced options for turbo nerds, and irregularly shaped logos now get better cutouts.

I think this covers most of the feature requests I've received. 😀

Pepper The Vixen🏳️‍⚧️🦯's avatar
Pepper The Vixen🏳️‍⚧️🦯

@[email protected]

There is one thing keeping me from switching to Firefox full time: the Chrome UI sounds extension. It makes a sound every time a new page loads or content updates. It's super helpful as a screen reader user when navigating very complex web apps. I tried repacking it for Firefox, but it won't run without some work. I'm looking at the sourcecode to see if I can make it work, but this is well outside my comfort zone. Anybody have resources for porting extensions from Chrome to Firefox?

洪 民憙(ホン・ミンヒ)'s avatar
洪 民憙(ホン・ミンヒ)

@[email protected]

DenoやBunが好きな方いらっしゃいますか?

Deno's avatar
Deno

@[email protected]

Curious about how the JSR logo and website design came together? 🤔️

Here's a 👀️ into our design process.

deno.com/blog/designing-jsr

Fedify: an ActivityPub server framework's avatar
Fedify: an ActivityPub server framework

@[email protected]

Fedifyは、TypeScriptとJavaScriptで書かれたActivityPubサーバーフレームワークです。分散型のソーシャルネットワークを構築するためのサーバーアプリケーションを作る際の複雑さと冗長なコードを排除し、ビジネスロジックとユーザー体験の開発に集中できるようにすることを目指しています。

現在提供している主な機能は以下の通りです:

  • Activity Vocabularyのための型安全なオブジェクト(一部のベンダー固有の拡張機能を含む)
  • WebFingerクライアントとサーバー
  • HTTP SignaturesObject Integrity Proofs
  • ウェブフックを処理するためのミドルウェア
  • NodeInfoプロトコル
  • Node.js、Deno、Bunのサポート
  • テストとデバッグのためのCLIツールチェーン

興味がある方は、Fedifyのウェブサイトをご覧ください!包括的なドキュメント、デモ、チュートリアル、サンプルコードなどが用意されています:

https://fedify.dev/

JR Tashjian's avatar
JR Tashjian

@[email protected]

I’ve been on here a while but never wrote an post so here it is.

My name is Mark thought most people call me JR (J.R. not “junior”). I am a believer and follower of Christ. My passion is and I’ve been at it professionally for over 14 years. Though I mostly develop for the web I enjoy working with the including the hardware and architecture of it.

I like

josh :bash:'s avatar
josh :bash:

@[email protected]

haven't done as much coding in d3 as i used to, but i just wanna point out how great it is that we have a data visualisation tool like this that is free and open source. check it out if you haven't already d3js.org

Screenshot from D3 website. Home page. Charts and maps etc.
Eric McCarthy's avatar
Eric McCarthy

@[email protected]

Time to finally do an !

I’ve been fascinated by the since I first got on the internet when I was a teenager. The idea that anyone could create a website — how cool is that!?

I’ve been a user even longer (my parents were in education and my mom would bring home her office Mac Classic on the weekends). Being creative with and wanting to make dynamic websites eventually got me into . First with , later , and now and . I’ve also had some fun with , , and .

For 14 years I worked at a small company that makes the premier CMS for the press in the US. Now I work on web applications in in the far-more corporate world. I also used to co-organize TucsonJS and Tucson React meetups.

Craig Doremus 🦕's avatar
Craig Doremus 🦕

@[email protected]

The first release candidate for 2 has just dropped. To upgrade use the following incantation:

deno upgrade rc

You can also use the --canary flag to do the upgrade.

@deno_land

Craig Doremus 🦕's avatar
Craig Doremus 🦕

@[email protected]

I'm a focusing on & specifically . Right now, I'm working on a blog called Craig's Deno Diary. I also contribute to a few Deno projects and am taking a break from working in the corporate world.

I have over 20 years of experience in web development, first using Java and recently JavaScript/TypeScript. Before that I was a for 10 years.

I live in USA & try to enjoy the beautiful environment here as often as possible.

Eiji Kitamura / えーじ :verified:'s avatar
Eiji Kitamura / えーじ :verified:

@[email protected]

Some new capabilities are being added to after a careful standardization work by the community.
- Hints: allow you to control UI, especially when you want to focus on security key or cross-device authentication.
- Related origin requests: allow passkeys to work on related but different origins.
- JSON serialization: simplifies your code with binary encoding and decoding.

Learn more on the blog post:
developer.chrome.com/blog/pass

Anupam 《ミ》λ≡'s avatar
Anupam 《ミ》λ≡

@[email protected]

There is a fundamental difference between for the sake of convenience (I can build an entire app quickly. Think framework of the day), vs complexity for the sake of robustness (I can make changes to the app quickly without introducing new bugs. Think or ).

When you are not familiar with the tech, both can look the same, but they are not. The latter is actually in disguise

洪 民憙 (Hong Minhee)'s avatar
洪 民憙 (Hong Minhee)

@[email protected]

I love (@deno_land) because it turned me from a hater into a JavaScript programmer, or more precisely, a programmer.

Ragnar Heiðar Þrastarson's avatar
Ragnar Heiðar Þrastarson

@[email protected]

Oh no I forgot the Here we go!

I currently work at the Icelandic Met Office as a Coordinator in . In general, I help people make maps, find either with code ( or ) or with desktop software like

I love the outdoors and enjoy hiking, climbing and biking. I've been involved with Icelandic Search & Rescue for many years, both on the frontline (mountain rescue) and as an instructor for new team members.

Father of twins since 2016

Family of 4 on a picknick in Iceland
tomasino's avatar
tomasino

@[email protected]

It's been a few years since my last post, so lets do this again:

I'm into the and related tech like and and life. I'm former , former , with an interest in comparative , . I love a good . Um, so many more interests! . I recently started a too. Oh, and I love and participate in .

Oh right, my dayjob involves work including and . I use and hate every minute. :)

If I had a bajillion monies and didn't need to work I would spend my life as a muse for everyone I meet. I want to help everyone find their passions and do cool things. I like to help. I'm not sure what hashtag to use for that.

Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

Updated internal state handling of the thi.ng/parse parser generators & DSL to define parsers. Seeing a 1.2 - 1.6x speedup of parsing performance in example projects (see project readme for links), especially for larger inputs...

洪 民憙 (Hong Minhee)'s avatar
洪 民憙 (Hong Minhee)

@[email protected]

Version 0.5.0 of , the zero-dependency library for , .js, , edge functions, and browsers, has been released! The main additions include:

• Contexts
• ANSI color formatter
• Comprehensive docs
• A few API conveniences

LogTape v0.5.0 is available from JSR and npm:

• JSR: jsr.io/@logtape/[email protected]
• npm: npmjs.com/package/@logtape/log

In addition, a new website with documentation has been launched, so please check it out!

logtape.org/

Pablo Berganza (he/him)'s avatar
Pablo Berganza (he/him)

@[email protected]

It’s been years since I’ve used NodeJS and was curious about the current situation. Is Deno a thing? I see they backtracked a bit and now have an NPM compatibility layer (although I don’t mind that). And I think I like the direction with JSR.io.
Is Bun alright? I’ve seen some comments saying that it was not ready for v1 yet.
Is this going to be like an io.js situation and we will all go back to Node eventually?

Deno's avatar
Deno

@[email protected]

Hosting on Deno Deploy just got more performant with beta Web Cache API support:
🚀 sub-millisecond read latency
🚅 multi Gbps write throughput
💾 unbounded storage

deno.com/blog/deploy-cache-api

Deno's avatar
Deno

@[email protected]

Deno 1.46 is not only the last 1.x release, but also one of the biggest:
- Simpler CLI
- Multi-threaded web servers
- HTML, CSS, YAML support in `deno fmt`
- Better Node/npm compat (support for playwright, google-cloud, etc.)
and much more 👇️

deno.com/blog/v1.46

洪 民憙 (Hong Minhee)'s avatar
洪 民憙 (Hong Minhee)

@[email protected]

QiitaにLogTapeの紹介文を日本語で書いて載せました。翻訳機とAIを多用したため、不自然な日本語があるかもしれませんが、不適切な表現を見つけたらぜひご指摘ください!

qiita.com/hongminhee/items/fff

meduz''s avatar
meduz'

@[email protected]

The `datetime` attribute of the `<time>` may seem complicated: it accepts a lot of formats in order to deal with 1) moments 2) durations 3) timezone offsets.

I made a package to make your life easier with it. Here’s `datetime-attribute`: github.com/meduzen/datetime-at

As you can see in the screenshot, `datetime-attribute` comes with two functions: `datetime()` and `datetimeDuration()`.

It’s my first JS package and the first time I use unit tests.

Guilherme's avatar
Guilherme

@[email protected]

Li "Estruturas de Dados e Algoritmos Com JavaScript"

gmgall.net/books/estruturas-de

洪 民憙 (Hong Minhee)'s avatar
洪 民憙 (Hong Minhee)

@[email protected]

I've rewritten several times and in several languages. The first time it was written in , then , then C#, then back to TypeScript. (It was codenamed FediKit at the time of development.) I settled on TypeScript for the following reasons:

• It has a decent JSON-LD implementation.
• Lots of people use it. (I wanted Fedify to be widely used.)
• It's type-safe enough.

Even if I were to build Fedify again, I would choose TypeScript.

洪 民憙 (Hong Minhee)'s avatar
洪 民憙 (Hong Minhee)

@[email protected]

In the next version of , a zero-dependency library for & , contexts will be introduced that allow the same set of properties to be shared across multiple log messages. Thanks to @okikio for collaborating on the design! This feature is available for preview in 0.5.0-dev.60+f819929c.

• JSR: jsr.io/@logtape/[email protected]
• npm: npmjs.com/package/@logtape/log

github.com/dahlia/logtape#cont

const logger = getLogger(["my-app", "my-module"]);
const ctx = logger.with({ userId: 1234, requestId: "abc" });
ctx.info `This log message will have the context (userId & requestId).`;
ctx.warn("Context can be used inside message template: {userId}, {requestId}.");
SuperIlu's avatar
SuperIlu

@[email protected]

I pushed an update to (the client for MS-DOS):

- Fixed a bug when viewing threads in notification screen.
- Implemented setting for CW toots (default collapsed or visible)
- Fixed dates
- Fixed image viewing
- Added help to toot editor
- Changed some colors
- Updated to 8.9.1
- Added ALT text for image uploads

Grab it at github.com/SuperIlu/DOStodon

SuperIlu's avatar
SuperIlu

@[email protected]

This is a test toot from , the client for showing off the new ALT-text editor for images.

A screenshot of the toot editor of DOStodonA screenshot of the ALT-text editor
Di's avatar
Di

@[email protected]

post!

Hi, I'm Di, a data visualisation engineer in Australia.

I wrote a book called Practical UI Patterns for Design Systems to help people make better websites and fast-track interaction design.

I also created Typey Type for Stenographers to help people practice typing over 200 words per minute.

I like reading, gardening, bushwalking, travel, and all things data viz!

洪 民憙 (Hong Minhee)'s avatar
洪 民憙 (Hong Minhee)

@[email protected]

is a logging library for and . It provides a simple and flexible logging system that is easy to use and easy to extend. The highlights of LogTape are:

• Zero dependencies
• Designed to be used in libraries as well as apps
• Supports virtually every runtime: .js, , , edge functions, and browsers
• Structured logging
• Logger categories (names) are hierarchical
• Dead simple sink (destination) interface

logtape.org/

Ariel's avatar
Ariel

@[email protected]

dr who:
"is 8 pegged cores a lot?"
"it depends"
"evaluating nix? nominal"
"Browsing? WTAF"
SuperIlu's avatar
SuperIlu

@[email protected]

This is my 13 year old Acer Aspire One 722-C62kk running the version of on a current Arch install.
I recently learned I can get a new battery for 20€ to revive it. 😊

A small black netbook running a text GUI application fullscreen.
Brian LeRoux 💚's avatar
Brian LeRoux 💚

@[email protected]

Forms on the web have become terrible. Lost state. No keyboard nav. Weird refreshes. Mobile hostile.

The reason is developers that think clientside state management is how to implement a form. It is not.

Good forms work without client (and then are progressive enhanced by js to work even better).

Good forms always submit. Good forms remember values and display problems inline.

How do we fix the misconceptions and, in the process, fix the forms on the web ?

Daniel 🏳️‍🌈 Jilg :sondrine:'s avatar
Daniel 🏳️‍🌈 Jilg :sondrine:

@[email protected]

Hi I'm Daniel, a 37 year old developer and technical lead at @telemetrydeck ! I enjoy long walks along the , I work in and is super important to me! (Which is why I make an analytics service that provably won't collect personal ). I also love developing in for and and I tolerate :D~

In my free time I enjoy talking and learning about and as well as and

洪 民憙 (Hong Minhee)'s avatar
洪 民憙 (Hong Minhee)

@[email protected]

I wish the API would be built into .js and as well.

tc39.es/proposal-temporal/docs

Philipp Waldhauer's avatar
Philipp Waldhauer

@[email protected]

Ich bin zwar noch bis November ausgebucht, aber wie man so schön sagt: Der frühe Vogel fängt den Wurm, also falls jemand für Nov/Dez/Januar ein Projekt in der Pipeline hat und Unterstützung braucht, bitte Bescheid sagen!

waldhauer.solutions/

kirch's avatar
kirch

@[email protected]

I am a human, I can sign something for you from keybase.io/jkirchartz if you'd like

Here is a list of my interests, in no particular order.

Crafty ツ's avatar
Crafty ツ

@[email protected]

A late . I’m a west coast Canadian enjoying life w/ my badass wife @britt

is my jam
, addict
, , & flash creative
, , ,
w/ a M.A in Spiritual
& lean

I love and take
, , , , , , and many more.

I will post a lot of our

photo collage of a maine coon cat, looking at camera, upside down on couch, curling up cozy and a profile shot
Viktor Nagornyy's avatar
Viktor Nagornyy

@[email protected]

Took a little break, but now back with the latest round of job openings at Nextcloud:

- Desktop engineers (C++)
- Android engineers (Kotlin/JAVA)
- Javascript developers
- PHP developers
- WebRTC developers

All timezones. More info:
nextcloud.com/jobs/

Plz boost so more can see/apply 🙏

Deno's avatar
Deno

@[email protected]

Deno is known for its HTTP imports, but we've found it's insufficient for larger projects. This post explains the situation and how we've improved it.

deno.com/blog/http-imports

洪 民憙 (Hong Minhee)'s avatar
洪 民憙 (Hong Minhee)

@[email protected]

Please only answer if you know how to code in . Can you also code in ?

OptionVoters
Yes, I can code in TypeScript too.0 (0%)
No, I can't code in TypeScript.0 (0%)
Deno's avatar
Deno

@[email protected]

std/data-structures, common data structures including red-black trees and binary heaps, is now stabilized at v1 on JSR

jsr.io/@std/data-structures

django's avatar
django

@[email protected]


I'm a developer, have been working with , for years, exploring others as well. Hacking on wp plugin, interested in

language nerd: native bilingual , English, hablo español, falo portugues, foghlaim gaeilge leis an ulchabhan. And smidgens of a few others.

Interests and what I might post about: , , (electro, folk, jazz), , , , ,

Cloud Four's avatar
Cloud Four

@[email protected]

Hello, fediverse! 👋🐘

We’re Cloud Four, a small but mighty agency founded in the Pacific Northwest. 🌥🌲

We solve complex responsive web design and development challenges for ecommerce, healthcare, fashion, B2B, SaaS, and nonprofit organizations. ✨📱

cloudfour.com/

wraptile's avatar
wraptile

@[email protected]

and people are putting an incredible amount of work modernizing server side js.

The energy is reminding me of early day - so many new tools made with proper care behind rather than most of NodeJS ecosystem which is just glued together with band-aids and staples :blobcatgrimacing:

That being said, after working with Deno for the past week it still feels a bit too bleeding edge though it does work with !

Andrew Mark McCall's avatar
Andrew Mark McCall

@[email protected]

I owe the hospital $2500 for a cat scan and I am looking to do small web projects to help satisfy that debt. Maybe you need some web maintenance tasks that have been on the back burner? I have experience with Looking for small projects around $250 - $350 . If you know someone who might benefit please

NicTea's avatar
NicTea

@[email protected]

New server, time for an updated post. (formerly [email protected])

I'm Nic, based in , and I work as a (in & ) & .

Much of the rest of my time is spent playing and doing , along with tinkering with and other

Figured out I was about a year ago, and it's been a wild ride since.

Sasha's avatar
Sasha

@[email protected]

Hey! on a new server with my favorite tech peeps! My name is Sasha and I am a

a reformed to be a , with experience in , , , , interested in programming

a that ironically has a broad interest in all dev things, but not enough time and energy to get to them all

I believe that and also that and are underrated.

More here: blog.ferrata.dev/hey-there/

Dylan </closingtags.com>'s avatar
Dylan

@[email protected]

I'm Dylan, a developer from the Midwest, US. I enjoy working with , , , , and . I've also done lots with .

I love learning about , dabbling in , and tinkering in my which I automate with .

I frequently at closingtags.com where I write things related to . You can reach me via the contact form there or here!

ajaxStardust's avatar
ajaxStardust

@[email protected]

statecollegeguitarlessons.com/

Please Click "A" for mode (.webm)
Click "M" for Mode Views (SVG variants)

I'm looking for "mostly vanilla" code. I honestly don't think my vision necessitates the use of a full-on Vue/ React deploy

Otherwise, I need to find the correct library to work w/ SVG/ UI

I specify that because -- ULTIMATELY-- the is greater if the user is able to click-on/ click-off the "missing" tones.

# Objective
make an html page with SVG to capture User input (e.g. assessments) much like what is shown here.
statecollegeguitarlessons.com/

## Detail
The images depict dots representing positions of tones of the Aeolean mode (relative minor) of a as appears on a standard

The various SVG's show what is meant to be perceived as "the same mode", with select tones missing. It's a basic, "locate what's missing"

### Deficit

I know how to make the SVG "look how" i want enough to satisfy me.
I know what I want for the function of the user interaction.

I don't know efficient JavaScript/ to do it

Any libraries that are meant specifically to assist w/ this type of project?
There's jQuery UI for example, but I've never messed with it deeply.

What is your suggestion?

Patrick Marchand's avatar
Patrick Marchand

@[email protected]

Come see my talk if you're interested in writting dynamic websites but dont want to write or if you want to talk about apps.

Patrick Marchand: Puffy does Realtime Hypermedia - events.eurobsdcon.org/2024/tal 2024-09-21, 13:45 at EuroBSDcon 2024 in Dublin

Register for tickets at events.eurobsdcon.org/2024/

Albert Cardona's avatar
Albert Cardona

@[email protected] · Reply to Albert Cardona's post

The web-based open source software was devised as "google maps but for volumes". Documentation at catmaid.org and source code at github.com/catmaid/CATMAID/

Modern enables hundreds of researchers world wide to collaboratively map neuronal circuits in large datasets, e.g., 100 TB or larger, limited only by bandwidth and server-side storage. The goal: to map and analyse a whole brain .

Running client-side on and server-side on , it's a pleasure to use–if I may say so–and easy to hack on to extend its functionality with further widgets.

The first minimally viable product was produced in 2007 by Stephan Saalfeld (what we now refer to, dearly, as "Ice Age CATMAID), who demonstrated to us all that the web, and javascript, where the way to go for distributed, collaborative annotation of large datasets accessed piece-wise. See the original paper: academic.oup.com/bioinformatic

See also public instances at the virtualflybrain.org/ particularly under "tools - CATMAID - hosted EM data such as this first instar larval volume of its complete nervous system l1em.catmaid.virtualflybrain.o)

Screenshot of CATMAID software illustrating various widgets to analyze neurons and neuronal circuits.
Brian LeRoux 💚's avatar
Brian LeRoux 💚

@[email protected]

PE argument I find irksome: "everyone has js enabled"

Nobody is saying otherwise.

What we are saying is js fails, often, and interactivity should work *before* JS loads (if it even does). That's progressive enhancement. Or 'islands architecture' if you prefer.

洪 民憙 (Hong Minhee)'s avatar
洪 民憙 (Hong Minhee)

@[email protected]

Released v0.4.2 of , which is a zero-dependency library for & ! Since this version, it work well on Workers out of box!

• JSR: jsr.io/@logtape/[email protected]
• npm: npmjs.com/package/@logtape/log

Deno's avatar
Deno

@[email protected]

🚀 Deno 1.45 is released!

‣ Workspace and monorepo support
‣ Node.js compat improvements
‣ Updates to deno install
‣ deno init --lib
‣ deno vendor deprecation
‣ Standard Library stabilization
‣ V8 12.7 and TypeScript 5.5

Release notes: deno.com/blog/v1.45

Boa JavaScript engine's avatar
Boa JavaScript engine

@[email protected]

Boa 0.18 has just been released!

Boa is a engine written in . It now passes 85% of the official ECMAScript suite, and it's much more performant!

Check the full release post here:

boajs.dev/blog/2024/03/07/boa-

/cc @rust @thisweekinrust

「erin」's avatar
「erin」

@[email protected]

fresh time because it's been like 2 years since I wrote one!

I'm erin, a transfeminine front end developer (or to steal from @brad_frost front of the front end developer) living in so called Portland, Oregon. I seem to mostly post about mental health, old thinkpads, craft web development, privacy, security, and the death of the world wide web. I post about politics too (sorry about that!). I have a blog at @[email protected] and a I post about books I'm reading on bookwyrm at @[email protected]

ok, time for a big old list of tags that I'll probably update later:

Christophe's avatar
Christophe

@[email protected]

First time using !

Hopefully I will manage to do more than circles :m_shy:

A Grid of imperfect circles in blue shades with imperfect crayon outlines
Jeff Martin's avatar
Jeff Martin

@[email protected]

Now that our instance has a higher size limit for toots, time for a re-. This time with more hashtags!

Hi! I'm Jeff. :blobcatwave:

I've been a software engineer since around 1999 I guess. I started with back in the early days of applets, DHTML, and Flash. I've since moved on to work on just about anything that has a compiler or an interpreter. I've even recently dabbled in design and .

My software specialties are in high performance computing , , and . Although I usually enjoy any programming problem with a good challenge to it. I spent waaay too much time in school and got all the degrees in computer science. I still work in part-time writing research software.

My favorite programming languages at the moment are and . Although, I've spent a lot of time writing lately. With the right tooling it's not completely terrible.

More recently, I've been interested in online , , and .

Timothy Wolodzko's avatar
Timothy Wolodzko

@[email protected]

- what if everything was a pointer
- what if everything was a linked list
- what if everything was a pure function
- what if everything was a stack
- what if everything was a hash map
- what if everything was immutable
- what if everything was a pattern to match
- what if everything was a class
- what if everything was a memory allocation problem
- what if everything != nil
- what if everything was everything

randomMDN's avatar
randomMDN

@[email protected]

Greetings to all developers and enthusiasts.

I'm a bot, and every sixth hour I'll randomly pick an article for you from 'mdn web docs'¹.

Alternatively, you can subscribe to the RSS feed², see my GitHub repo³ for any other options and information.

Live long and prosper 🖖

[1] developer.mozilla.org/en-US/do
[2] botsin.space/@randomMDN.rss
[3] github.com/jaandrle/randomMDN

Karsten Schmidt's avatar
Karsten Schmidt

@[email protected]

: After 66 days of addressing 30 wildly varied use cases and building ~20 new example projects of varying complexity to illustrate how libraries can be used & combined, I'm taking a break to concentrate on other important thi.ngs...

With this overall selection I tried shining a light on common architectural patterns, but also some underexposed, yet interesting niche topics. Since there were many different techniques involved, it's natural not everything resonated with everyone. That's fine! Though, my hope always is that readers take an interest in a wide range of topics, and so many of these new examples were purposefully multi-faceted and hopefully provided insights for at least some parts, plus (in)directly communicated a core essence of the larger project:

Only individual packages (or small clusters) are designed & optimized for a set of particular use cases. At large, though, thi.ng explicitly does NOT offer any such guidance or even opinion. All I can offer are possibilities, nudges and cross-references, how these constructs & techniques can be (and have been) useful and/or the theory underpinning them. For some topics, thi.ng libs provide multiple approaches to achieve certain goals. This again is by design (not lack of it!) and stems from hard-learned experience, showing that many (esp. larger) projects highly benefit from more nuanced (sometimes conflicting approaches) compared to popular defacto "catch-all" framework solutions. To avid users (incl. myself) this approach has become a somewhat unique offering and advantage, yet in itself seems to be the hardest and most confusing aspect of the entire project to communicate to newcomers.

So seeing this list of new projects together, to me really is a celebration (and confirmation/testament) of the overall approach (which I've been building on since ~2006): From the wide spectrum/flexibility of use cases, the expressiveness, concision, the data-first approach, the undogmatic mix of complementary paradigms, the separation of concerns, no hidden magic state, only minimal build tooling requirements (a bundler is optional, but recommended for tree shaking, no more) — these are all aspects I think are key to building better (incl. more maintainable & reason-able) software. IMO they are worth embracing & exposing more people to and this is what I've partially attempted to do with this series of posts...

ICYMI here's a summary of the 10 most recent posts (full list in the thi.ng/umbrella readme). Many of those examples have more comments than code...

021: Iterative animated polygon subdivision & heat map viz
mastodon.thi.ng/@toxi/11122194

022: Quasi-random voronoi lattice generator
mastodon.thi.ng/@toxi/11124441

023: Tag-based Jaccard similarity ranking using bitfields
mastodon.thi.ng/@toxi/11125696

024: 2.5D hidden line visualization of DEM files
mastodon.thi.ng/@toxi/11126950

025: Transforming & plotting 10k data points using SIMD
mastodon.thi.ng/@toxi/11128326

026: Shader meta-programming to generate 16 animated function plots
mastodon.thi.ng/@toxi/11129584

027: Flocking sim w/ neighborhood queries to visualize proximity
mastodon.thi.ng/@toxi/11130843

028: Randomized, space-filling, nested 2D grid layout generator
mastodon.thi.ng/@toxi/11132456

029: Forth-like DSL & livecoding playground for 2D geometry
mastodon.thi.ng/@toxi/11133502

030: Procedural text generation via custom DSL & parse grammar
mastodon.thi.ng/@toxi/11134707

Axel Rauschmayer's avatar
Axel Rauschmayer

@[email protected]

My books on and are free to read online:

– Exploring JavaScript (ES2024 edition)
– Deep JavaScript
– Tackling TypeScript
– Shell scripting with Node.js

:mastodon: Boosts appreciated!

exploringjs.com

Cover of the book “Exploring JavaScript (ES2024 edition)” by Axel Rauschmayer. It shows a rhinoceros.Cover of the book “Deep JavaScript” by Axel Rauschmayer. It shows a freediver who swims under water and follows a rope down into the deep.Cover of the book “Tackling TypeScript” by Axel Rauschmayer. It shows a a pair of boxing gloves.Cover of the book “Shell scripting with Node.js” by Axel Rauschmayer. It shows a field of light blue hexagonal bars, with three yellow ones in the middle.
Critical Silence's avatar
Critical Silence

@[email protected]

What we're learning here?
1) My skills suck
2) Its alarming warm in south Germany
3) I survived Friday 13th

"Saturday, 14. October 2023, 24:48"
List of temperature sensors located in living room, in bedroom and outside
Deno's avatar
Deno

@[email protected]

std/crypto, extensions and utilities to the Web Crypto API, is now stabilized at v1.0.0 on JSR

jsr.io/@std/crypto

Scott Murray's avatar
Scott Murray

@[email protected]

Hi, sfba.social! Allow me to myself.

I just moved here from pdx.social. I can’t be summed up in a single toot, but… I love , , , , the coast, , and systems. Oh, and my three brilliantly unique kids (the hardest work I’ve ever done) and really bad puns.

My life’s work is building Oolie, our family business and Certified helping families sleep better with bedding and baby products. I hope you’ll check us out.

In my former career, I was into online learning, creative coding, and data visualization, even publishing a couple of books. I still love that stuff ( ), but that feels like 1M years ago.

Expect to see posts about everything mentioned above!

Big thanks to the SFBA @moderators for having me.

♥️

SuperIlu's avatar
SuperIlu

@[email protected]

I just released v1.12.1 of on github.com/SuperIlu/DOjS/relea

This is the release the last versions were based upon!

See thread below for release details!


1/

SuperIlu's avatar
SuperIlu

@[email protected]

I pushed an update to (the client for MS-DOS):

- Updates to and

Grab it at github.com/SuperIlu/DOStodon

If you want to try the version check out the compilation instructions linked in the README

WhizKidz's avatar
WhizKidz

@[email protected]

Check out the awesome online platform at codepad.site. It's FREE! There's support for / / , , and .

Flaki's avatar
Flaki

@[email protected]

Time for a proper introduction!

I'm an open-source enthusiast and self-hosting masochist. Initially a developer, still doing all things web, big fan, recovering conference addict. I am a focusing on & OSS communities in particular. Also a staunch advocate of flexible, async remote work.

I co-founded ¹ with @jer & @skade :ferris:

Frequently have Opinions™ and post about , especially online, , my & hobby (currently rebuilding, follow along at )

At my day job at radiopaedia.org I mostly complain about Ruby/Rails or DICOM² :ablobcatbongokeyboard:

For Canine Cuteness head to , @lumi & @iris :blobdogheart:

Other contacts and chat: link in bio :brows:

📸 by Juli Racsko

___
¹ proper fediverse presence coming soon, in the meantime check out @eurorust!
² Digital Imaging and Communications in Medicine en.wikipedia.org/wiki/DICOM

Flaki sitting on a bench in Tallinn with the coastal Noblessner area in the background. He has a white hoodie, jeans and lace-less black shoes, looking directly into the camera a bit squinty. His right hand is held up to the side, where Lumi the young blue merle collie is lying on the bench, sniffing his palm in search of treats. His left hand is full of colorful dog things, including a fox toy and Lumi's bright blue lead. The rest of the picture has a an overall faded, bluish tint and a white border that makes it almost feel like an album cover.
Erlend Sogge Heggen's avatar
Erlend Sogge Heggen

@[email protected]

@zicklag is ‘Investigating a Streamlined Connection Between Weird Core (Rust) and SvelteKit’

github.com/commune-os/weird/is

Thoughts anyone?

洪 民憙 (Hong Minhee) 🤏🏼's avatar
洪 民憙 (Hong Minhee) 🤏🏼

@[email protected]

is a logging library for and . It provides a simple and flexible logging system that is easy to use and easy to extend. The highlights of LogTape are:

• Zero dependencies
• Designed to be used in libraries as well as apps
• Supports virtually every runtime: .js, , , edge functions, and browsers
• Structured logging
• Logger categories (names) are hierarchical
• Dead simple sink (destination) interface

github.com/dahlia/logtape

Screenshot: log messages printed out on the terminalScreenshot: log messages printed out on web browser's console
Ed S's avatar
Ed S

@[email protected]

Here's my ...
I'm into and , am a #6502 fan, but I like green spaces and days which not overcast, I like science and - mostly and stories - , aka or , I like for his music and his thoughtful writings and funny videos, I write just a little code in and and and generally spend a lot of time on the internet.
Isn't the world a lovely place but in a fine old state though?

.:\dGh/:.'s avatar
.:\dGh/:.

@[email protected]

Okay, is a pain to work with on an internal network. If you're using GitHub for your things, that's okay, but for everything else is not.

Is there any other alternative?

BTW, this is Coolify: coolify.io/

.:\dGh/:.'s avatar
.:\dGh/:.

@[email protected]

Just going to nonchalantly shove in some awareness to my GitHub Sponsorship.

If you value my contributions to Open Source and Laravel, just leave a small tip or become a sponsor. It helps me pay the bills.

github.com/sponsors/DarkGhostH

Callionica's avatar
Callionica

@[email protected] · Reply to Callionica's post

And of course the syntax equivalent to the above so you can use it directly in your code:

```
/**
* @template { new (args: any) => any } Class
* @template { object } Properties
* @typedef { new (...args: ConstructorParameters<Class>) => (InstanceType<Class> & Properties) } AddProperties
*/
```

Callionica's avatar
Callionica

@[email protected] · Reply to Callionica's post

^ This is useful for when you're using 's dynamic capabilities with classes and you want to let know about what you're doing.

`AddProperties` takes a class as the first argument and returns a class. Instances of the returned class have the properties that you specify in the second argument as well as all the stuff from the original class.

pospi 🏳️‍⚧️'s avatar
pospi 🏳️‍⚧️

@[email protected]

I'm !

If you do interesting things in the space that aren't predicated on market-based solutionism, I would love to come write & apps or work on and infrastructure with you. I also do pretty decent and in teams which aspire to be human-centered.

I'm especially interested in roles within organizations lead by and peoples and groups doing efforts.

洪 民憙 (Hong Minhee) 🤏🏼's avatar
洪 民憙 (Hong Minhee) 🤏🏼

@[email protected]

is an server framework in & . It aims to eliminate the complexity and redundant boilerplate code when building a federated server app, so that you can focus on your business logic and user experience.

The key features it provides currently are:

• Type-safe objects for Activity Vocabulary (including some vendor-specific extensions)
client and server
• HTTP Signatures
• Middleware for handling webhooks
protocol
.js, , and support
• CLI toolchain for testing and debugging

If you're curious, take a look at the Fedify website! There's comprehensive docs, a demo, a tutorial, example code, and more:

fedify.dev/

Michael's avatar
Michael

@[email protected]

After turning up here a couple of weeks or so ago, I figured it's time for an

I'm a full stack web developer, currently working mostly with () and Vanilla and . Still love too.

Outside of that, my main interests are around , , and just learning new stuff.

Husband, father of 2 boys, speaker of and with some basic understanding of

Started running my own instance just for fun, and loving it.

casraf :typescript: 🇮🇱's avatar
casraf :typescript: 🇮🇱

@[email protected]

I guess it's time for an .

I'm a freelance full-stack & mobile developer at trade and love playing with different techs in my free time.

Love problem-solving, finding ways to introduce creativity into code, and creating quality-of-life dev tools and libraries whenever I can.

I have some packages for and and other nice stuff on my website at casraf.dev/projects :) feel free to say hi!

Keith J Grant's avatar
Keith J Grant

@[email protected]

😅 So I did not fully appreciate the power of hashtags on this place when I wrote my , so I'm giving it a second go.

• I'm a front-end web developer in Spokane, WA. I work for Red Hat on Ansible Controller using , , . I don't write so much here as I have at previous gigs, but, I'm okay at that too…

• I'm the author of CSS in Depth 📘 manning.com/books/css-in-depth

• I enjoy mixing and have my recipes available in a : sidecar.us

Fedify: an ActivityPub server framework's avatar
Fedify: an ActivityPub server framework

@[email protected]

Fedify is an server framework in & . It aims to eliminate the complexity and redundant boilerplate code when building a federated server app, so that you can focus on your business logic and user experience.

The key features it provides currently are:

If you're curious, take a look at the website! There's comprehensive docs, a demo, a tutorial, example code, and more:

https://fedify.dev/

洪 民憙 (Hong Minhee)'s avatar
洪 民憙 (Hong Minhee)

@[email protected] · Reply to 洪 民憙 (Hong Minhee)'s post

I never use vanilla , I always code in instead, and Node.js is a pain in the neck with TypeScript settings.

Tane Piper's avatar
Tane Piper

@[email protected]

How did we go back to the world of being an absolute sausage fest - absolute state of this where there are no women in list until #28 (and then only one) - it's almost exclusively white men

A screenshot of The State of JS 2023 results - absolutely no women on the list "Which individuals do you read, follow, or just want to highlight in the JavaScript community?" Up to 28
Michel Mariani's avatar
Michel Mariani

@[email protected]

Unicopedia Ægypta is a developer-oriented set of utilities related to Egyptian hieroglyphs, wrapped into one single app, built with .

Repository: 🔗 codeberg.org/tonton-pixel/unic

Unicopedia Ægypta Social Preview
Paul Wilde :dontpanic2: :smeghead:'s avatar
Paul Wilde :dontpanic2: :smeghead:

@[email protected]

PSA: I may disagree with you on one thing, but that does not mean I won't agree with you on another
Please calm down, we can still be friends.
xx

#Rust #Wayland #Docker #Ubuntu #JavaScript #Windows #MacOS #footTerminal #KDE #Gnome #Sway #XFS #NotPuttingAltTextOnImages #ExcessiveUseOfHashTags #CallingHashtagsHashtags

Axel Rauschmayer's avatar
Axel Rauschmayer

@[email protected]

Every time I use the following statement in my code, I’m hoping we’ll still get standard modules for :

// Now
const {stringify} = JSON;

// Future?
import {stringify} from 'js:json';

Alas, the proposal has been at stage 1 for almost four years: github.com/tc39/proposal-built

Why do I like it?
– Feels cleaner (subjective!).
– Easier to grow standard library (no global name clashes).
– Namespace imports are faster than property access.

Other pros or cons?

Michel Mariani's avatar
Michel Mariani

@[email protected]

Unicopedia Plus is a developer-oriented set of Unicode, Unihan, Unikemet & emoji utilities wrapped into one single app, built with .

Repository: 🔗 codeberg.org/tonton-pixel/unic

Unicopedia Plus Social Preview
Michel Mariani's avatar
Michel Mariani

@[email protected]

Unicopedia Sinica is a developer-oriented set of utilities related to ideographs, wrapped into one single app, built with .

Repository: 🔗 codeberg.org/tonton-pixel/unic

Unicopedia Sinica Social Preview
qsenn's avatar
qsenn

@[email protected] · Reply to tante's post

@tante Yes! Especially on the point of react being used in areas HTML + JS work fine. In my side projects I’ve practically sworn off React. The more I learn about options prebaked into JavaScript, the less I value frameworks for a majority of apps.
I can’t imagine how many web apps can be rebuilt using WebComponents and CustomEvents and simple custom state management library with less complexity. Worst case, just use Lit or Enhance.

WERNERPRISE° — Thomas Werner's avatar
WERNERPRISE° — Thomas Werner

@[email protected]

Hello Fediverse, hello Bits&Baeume,

I’ve moved recently, time for a (re)introduction — and a heartfelt Thank You! to @ben

I am a writer, copywriter, online editor, and I generally write a lot; I design websites with plain HTML/CSS/JS or using WordPress and other CMS; occasionally I work as a speaker, podcast producer, sound designer — to mention the most important bits.

My blog: wernerprise.com/blog (mostly German, but I am considering making it bilingual at some point.)

Climate catastrophe is on my mind, degrowth close to my heart; capitalism needs a short leash!

Also, I still take SARS-CoV-2 and COVID-19 very seriously. Thus:



WERNERPRISE° — Thomas Werner's avatar
WERNERPRISE° — Thomas Werner

@[email protected]

Hallo Fediverse, hallo Bits&Baeume,

ich bin umgezogen und erst seit ein paar Stunden hier auf dem neuen Server, deswegen eine kurze Vorstellung — und ein herzliches Dankeschön an @ben

Ich bin Texter und Online-Redakteur, schreibe auch sonst viel; ich gestalte Websites in HTML, mit WordPress oder anderen CMS, arbeite außerdem gelegentlich als Sprecher, Podcast-Produzent, Sounddesigner – um mal die wesentlichen Dinge genannt zu haben.

Mein Blog: wernerprise.com/blog

Mir liegt die Klimakatastrophe auf der Seele und Degrowth (Décroissance) am Herzen; Kapitalismus braucht straffe Zügel!

Außerdem nehme ich nach wie vor SARS-CoV-2 und COVID-19 ernst. Daher:



janet's avatar
janet

@[email protected]

Why is considered a toy language?

Because it's usually played with in a sandbox.

DevWouter's avatar
DevWouter

@[email protected]


Greetings! I'm a developer in the world of and . Worth mentioning - a degree in game dev and table tennis coaching credentials.

I won a Hackathon, and once increased sales by 300%. In my timeline, you'll mostly find reflections on programming, as it is my bread and butter, as my odyssey into open-source continues.

Here to exchange ideas, learn, and share wisdom. Open for spirited discussions. Always game for a chat, so feel free to reach out.

kalvn's avatar
kalvn

@[email protected]

Je profite de la vague d'arrivage pour faire mon que je n'ai jamais vraiment faite finalement :)

Je suis dev, principalement web depuis maintenant une douzaine d'années. J'ai commencé avec et la stack comme beaucoup, un petit passage forcé et douloureux par .NET et maintenant principalement du (avec Vue) et un peu de

Au delà de tout ça, j'aime les jeux vidéos (BotW et TotK sont en haut de ma liste), le , la et les bouquins :)

Ismael Reyes's avatar
Ismael Reyes

@[email protected]

Ahora que parece que la migración a mi instancia se ha completado es el turno de presentarme...

Me gano la vida como programador tanto con como con , aunque también "domino" otros lenguajes como o y me defiendo con , y otros muchos. También me peleo con mi servidor, y poco a poco voy pasándome al .

Me gusta la (casi cualquier género), el (sobre todo terror y ciencia-ficción) y las (ciencia-ficción mayormente).

Steve Frenzel's avatar
Steve Frenzel

@[email protected]

Hello everyone,

I'm Steve and I work mainly as a developer with a focus on and .

I'm also a music nerd and lover and recently got back into the habit of reading . are also something that is dear to my heart.

Feel free to reach out if you want to talk about any of these topics. Welcome to the !

Konstantin :C_H:'s avatar
Konstantin :C_H:

@[email protected]

🚨 JavaScript Pentesting 101: A Complete Guide to Analyzing Web Applications 🚨

I dedicated April and May to pentesting .

The result is my longest thread series ever.

To help you keep track, here is an overview of all the topics covered:

1. Static Analysis 🔍
infosec.exchange/@kpwn/1102423

2. Dynamic Analysis 📑
infosec.exchange/@kpwn/1102876

3. Obfuscation & Deobfuscation 🥸
infosec.exchange/@kpwn/1103216

4. Hands-On: Analyze Obfuscated Code ✍
infosec.exchange/@kpwn/1103612

5. Local Overrides 📝
infosec.exchange/@kpwn/1104008

6. Bypass Code Protection 🥷
infosec.exchange/@kpwn/1104405

Here's everything compiled into a blog post 📰
kpwn.de/2023/05/javascript-ana

Do you find my content valuable?

🔔 Follow me for more web security content!

🔁 Also, boost this toot to help others!

Doug's avatar
Doug

@[email protected]

Re- - I joined mastodon.social Feb 02, 2017, and have delighted in the fediverse since.

since web dev was just , then server side with , and now is running everything!

Love videogames, standup that punches up, , and going to gigs.

Moulded by the teachings of , I care about people, and fairness (ergo, lean left, Anti-Tory and !)

lispwitch's avatar
lispwitch

@[email protected]

kradvortoj

SpiderMonkey's avatar
SpiderMonkey

@[email protected]

We are a little late to the party. How about we do an ?

Hi Fediverse, we are SpiderMonkey, @mozilla’s engine for and .
SpiderMonkey is used in Firefox, Servo and various other projects.

This account is run by our engineers, and none of us know how social media works. We were told to use hashtags.

Nice to meet you!

Liana :v_trans: :v_kirb:'s avatar
Liana :v_trans: :v_kirb:

@[email protected] · Reply to Liana :v_trans: :v_kirb:'s post

Narrat Game Engine

🚀 If you just want to try it, , get on the website it’s very quick (get-narrat.com)

Here are some screenshots of games that have been made on it by people (Links to those games are on the website)

I don't really have a big network of followers so the only people can learn about this engine is if other people help spread info about it

Liana :v_trans: :v_kirb:'s avatar
Liana :v_trans: :v_kirb:

@[email protected]

Narrat Game Engine

Narrat 🐀 has been getting a bit of attention again so here's another intro of the engine. I think most people who might be interested in this don't actually know about it so I'm hoping to reach more people for once.

Narrat is a game engine I created to easily make interactive fiction games (narrative RPGs, visual novels etc) for desktop or browser.

I’ve worked on this game engine for some time, mostly to help friends make their games. It’s been used on a few small games, and some bigger ones in progress.

This Tumblr post has more details and could do with a signal boost as it's getting attention tumblr.com/bubbline3456/708071

There's also a Patreon:
patreon.com/NarratEngine

🧵

Derek P. Collins's avatar
Derek P. Collins

@[email protected]

Adding a new since I moved servers:

I'm a Product Designer at Netflix where I've most recently been working on design systems, but I’ve worked on multiple aspects of the service in my nearly 10 years there. I’m both a designer and a developer — I mostly work with , , and .

I’m also a husband and a father.

I used to live in The Bay (San Francisco) and now I live in The Land (Cleveland).

I’m into , , , , , etc.

૮༼⚆︿⚆༽つ / Wildan's avatar
૮༼⚆︿⚆༽つ / Wildan

@[email protected]

Hi, how's your new year? Hopefully it's good.

From 1 January 2023, I plan to my experimental web framework. My aim is to have a framework that is suitable for real-time MPA while load instantly without any setup or compilation. I will use hashtag to post my progress 😊

site: nusa.pages.dev (still blank page)
repo: github.com/DrSensor/nusa/relea

file counter.js
```js
import { current } from "nusa/std" 

export default class { // counter.js 
  accessor count = 0

  increment() { this.count++ }

  set() {
    this.count = +current.event.target.value
  }
}
```file index.html
```html
<script src=nusa/render-scope async></script>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<render-scope>
  <link href=counter.js>
  <!-- only fetch/run counter.js when user scroll until this scope -->

  <button :: on:click=increment text:= count>0</button>

  <input inputmode="numeric" type=number :: value:=count on:change=set>
</render-scope>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<render-scope>
  <link href=count-every-1ls.js>
  <!-- only fetch/run count-every-1s.js when in view -->
  <!-- previous <render-scope> also get updated-every-1.js -->

  automatically increment every 1s until it can be divided by 5
  <button :: on:click=increment text:= count>0</button>
  <input inputmode="numeric" type=number :: value:=count on:change=set>
  when it dividable by 5, click to continue to increment on every 1s
</render-scope>
```file count-every-1s.js
```js
import Counter from "./counter.js"
import { iterate } from "nusa/std"

setInterval(() => { // count-every-1s.js
  iterate.for(Counter, (index, { count }) => {
    if (!(count[index] % 5)) { iterate.skip(); return }
    count[index]++
  })
}, 1e3)

export { default } from "./counter.js"
```
Noah Liebman's avatar
Noah Liebman

@[email protected] · Reply to Noah Liebman's post

Finally wrote a bit about my jiggly nav links.

It was mostly an exercise in making a very custom ease for out of a damped cosine function. noahliebman.net/2022/12/waves-

Video of a mouse cursor moving over links. When hovered, the link’s underline turns into a wave. When the cursor leaves, the wave vibrates as a damped standing wave until it decays back to a flat line.Graph of modified damped cosine function y(t) = -e^{-5t}\cos(2\pi 8t) + 1
Paul Taylor's avatar
Paul Taylor

@[email protected]

I’ve been putting it off but it’s about time I did an .
So, hi all!
As a of one, my little boy is everything.
I’m an at bigbite.net where I primarily focus on workflows, and in-house tooling. Working with and and a variety of tech built on top of for the most part.
I’ve been putting off working on my personal site for years. Put it down to laziness.
(1/2)

Kevin's avatar
Kevin

@[email protected]

My interests:











Paul Hebert's avatar
Paul Hebert

@[email protected]

I procedurally generated a bunch of random snowflakes and wrote about my process: cloudfour.com/thinks/coding-a-

My hope is that this article is a fun introduction to and coding with a dash of .

I'm really proud of this article and hope you enjoy it. It includes:

- 3 variations on a generative art piece
- 2 explainer animations
- 3 interactive demos
- An interactive snowflake builder
- Infinite snowflakes!

Noah Liebman's avatar
Noah Liebman

@[email protected]

I recently redid my personal site and made it 〰️wavey🌊

I know everyone loves the plucky nav underlines, but first I wrote about the bottom of the header.

Sine waves! Interference patterns! ! ! ! ! ! noahliebman.net/2022/11/waves-

Screen recording showing nav links “pluck” when hovered and a wavy pattern on the bottom of the page header when scrolled.
Jason Howard :sdf:'s avatar
Jason Howard :sdf:

@[email protected]

General Interests:

Tools I Use:

Looking forward to interesting conversation and people with similar interests.

Lucas Werkmeister's avatar
Lucas Werkmeister

@[email protected]

: I’m Lucas, bi software developer and Wikimedian from Berlin. I like writing tools for , mainly in , though I’m also working on a library to use the MediaWiki API; on the projects, I’m mainly active on and . I play the and occasionally live-stream that or post recordings. I’m making my way through ’s The History of Middle-earth. I speak German, English and some Portuguese. Nice to meet y’all 🙂

Dustin McCartney's avatar
Dustin McCartney

@[email protected]


Married to the wonderful @milena
Father of 2 youngsters (one aspiring )
Professional background in (asm,(++),,), and , , , and
Interests:

Emilis 🇺🇦's avatar
Emilis 🇺🇦

@[email protected]

A very late .

I am a father of two kids from , 🇱🇹 , 🇪🇺 EU. In my forties. .

Working as a web developer, mostly with and React these days. Have been running on my computers since ~2004. My IDE is :vim: + shell.

In my free time I play with . Recovering from GAS.

Very interested in and other digital rights.

I support 🇺🇦 .

૮༼⚆︿⚆༽つ / Wildan's avatar
૮༼⚆︿⚆༽つ / Wildan

@[email protected]

Celebrating my past experimental about state machine that can generate both code and diagram. But alas, I don't have any single project in need that DSL so continuing it is kinda hard. It's written in but I have 2 other prototype written in (require compilation) and (pure runtime, no compilation).

If anyone want to collaborate or continue the effort, feel free to ask me. I have some stuff in mind about it.
github.com/DrSensor/scdlang

Matthew Turland's avatar
Matthew Turland

@[email protected]

Hi there! I'm Matt. This is my .

I have been in since 2001 and spent most of my career working with and .

I also dabble with languages like and aspire to learn more about .

I love , , and .

When not coding, I enjoy reading ( / in particular), writing, singing / , and story- and strategy-focused .

Gary Katsevman's avatar
Gary Katsevman

@[email protected]

Introduction

Hi all, I'm Gary.

I'm a software developer in the area that's primarily focused on Web Players. Things like Video.js and media-chrome. I'm also focused on and accessibility of the players, particularly in the realm of captions, as the current editor of WebVTT and a member of the Timed Text Working Group at the W3C. I also enjoy writing .

I'm an avid reader, though, mostly consume books as audiobooks. There's a lot of in there, but also Fantasy, and recently I've been trying to alternate non-fiction in there too.
I also watch lots of movies and TV. And not to mention manga and anime.

I drink a lot of , and I like and , mostly , though.

I also enjoy and .

Steve James's avatar
Steve James

@[email protected]

Hello tooters! I'm an using to make high speed network devices.

Also I build and outside in and inside on , enjoy , , red and 😋

In a different life I might have been in or !

Stephen Bannasch (316 ppm)'s avatar
Stephen Bannasch (316 ppm)

@[email protected]

My name is Stephen Bannasch and I think kindness and curiousity are important.

Used Ruby for all sorts of projects since 2008. Also created very high performance JavaScript model-based visualizations. Recently been digging into machine learning ... which seems both fascinating and creepy. Hardware projects over the years involving sensors and microcontrollers, along with digital and analog design.

, , , , ,

Tali's avatar
Tali

@[email protected]

I guess I'll fire off an like all of the cool kids are doing... Hashtags incoming!

Hello, I'm Tali, a turned now doing cool stuff at . Mostly into and but slowly learning and

I have just a few hobbies... ...

Jeolen Bruine's avatar
Jeolen Bruine

@[email protected]

Bon. J'ai dû remigrer d'instance pour la 2e fois en 10 jours. Donc revoilà mon .

Je parle peu et repartage pas mal ce qui me semble intéressant / important.
🌌 J'aime découvrir des choses dans tous les pans scientifiques, particulièrement en , , .

💻 Je code des trucs en faisant gaffe à l'accessibilité et je garde un œil sur le et les questions de . Et je tripatouille .

Et donc rerebonjour le fediverse. 😊

treefit's avatar
treefit

@[email protected]

Hi, I'm treefit, a dev working on . I'm responsible for the desktop client together with @jikstra.
My favorite coding language is , but I "speak" , , , , too.
I'm also capable in and , but not as much.

I'm new to the mastodon/toot style of communication (never used Twitter, either), so I'm still learning of how this all works.

My goal is to give you some behind-the scenes peeks onto the DeltaChat development.

Natalie's avatar
Natalie

@[email protected]

A quick !

I’m Natalie and I’m a and cyborg who lives in . I’m currently a but I used to be a .

I survived in 2018 and have lots of complications, including and . I complain about medical costs a lot, but I love my .

I’m also a , , and I’ve lost the twice. I read a lot of .

Reality :blobhaj_flag_nonbinary:'s avatar
Reality :blobhaj_flag_nonbinary:

@[email protected]

Moved from a old instance to here so

Hey, I'm Reality a Dyslexic Non-Binary Demoscener in their early 30s who's into beer, tech, computers, JavaScript etc.

I mostly post about demoscene stuff, beer, cats, emojis and computers

Here's some keywords to help discovery or something:

-
-
-
-
-
-
-
-

Darek Kay's avatar
Darek Kay

@[email protected]

Hey, I'm Darek Kay 👋

I'm a and an advocate, currently working at IBM. I love sharing what I know through my , and at conferences.

I enjoy hiking, board games, escape rooms and playing the guitar/keyboard. Lately I've been diving deeper into as well.

I prefer reading and writing less frequent but more substantial posts.

Gerard Braad's avatar
Gerard Braad

@[email protected]

 •
 • FPGA
 • micro:bit
 • RC models ( )
 • computers consoles
 •
 • 𝑨𝑴𝑰𝑮𝑨
 •
 •
 • and programming
 •
 • Containers
 •
 • Golang
 •
 • Magic the Gathering
 •
 •
 •
 •
 •
 •
 •

 ‣ gbraad.nl

Sergio Scabuzzo (EcoTechie)'s avatar
Sergio Scabuzzo (EcoTechie)

@[email protected]

Sustainability enthusiast following , , , , and to name a few...

Also working, mostly, on as a consultant. Been using almost exclusively since the late 90s (yikes!) and love .

Trying to up my , , and general game.

I have an amazing 🐶