#JavaScript

【UI/UX】自動再生スライドショーに再停止ボタンを付与する理由
https://qiita.com/ngtnysk/items/93d22c3dfbc9211853f1?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #HTML #CSS #JavaScript #フロントエンド #カルーセル

【入力フォーム】CSSの「:user-invalid」がかなり便利だった
https://qiita.com/ngtnysk/items/70ca0d0a1126256896af?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #CSS #JavaScript #Web #フォーム #アクセシビリティ

https://www.youtube.com/watch?v=03lRzf7iSiU

#JavaScript

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

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: https://github.com/ronilaukkarinen/mastodon/commit/9bf1563af50842a5f61b34b7cc095fb746e5d15b#diff-5fcd1b6168ec33e0eff0a05fcdeacfab68e261215bbdb719be6b3526173be770
See the snow yourself: https://mementomori.social

#MastoAdmin #Mastodon #JavaScript #Coding #Programming #Snow #Winter #LetItSnow #MementomoriSocial

Another new release of #GenArtAPI (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:
https://github.com/thi-ng/genart-api/compare/v0.19.0...v0.20.0

[1] https://docs.thi.ng/genart-api/core/interfaces/GenArtAPI.html#getparamvalue-1
[2] https://github.com/thi-ng/genart-api/tree/main/packages/adapter-editart#selection

#GenerativeArt #Art #OpenSource #Parameters #Interoperability #TypeScript #JavaScript

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

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

- https://github.com/thi-ng/genart-api
- https://github.com/thi-ng/genart-api/tree/main/packages/adapter-editart
- https://github.com/thi-ng/genart-api/tree/main/packages/adapter

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! :)

#GenerativeArt #Art #OpenSource #Parameters #Interoperability #TypeScript #JavaScript

I am absolutely overjoyed to announce the release of #KDL 2.0.0!! https://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.

https://github.com/kdl-org/kdl/releases/tag/2.0.0

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!

👉 #Rust #RustLang https://github.com/kdl-org/kdl-rs
👉 #C / #CPP / #Python https://github.com/tjol/ckdl
👉 #Elixir https://github.com/IceDragon200/kuddle
👉 #JavaScript / #TypeScript https://github.com/bgotink/kdl
👉 #Python https://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: https://github.com/kdl-org/kdl?tab=readme-ov-file#used-by

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!!)

Day 2️⃣0️⃣ - Learning JavaScript

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

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

#learntocode #javascript #learninpublic #SuperSimpleDev #SelfTaughtDevelopers

何気に重要かも？LINE Messaging APIのテキストメッセージv2を調べてみた
https://qiita.com/n0bisuke/items/2eac7089a7bda8f3cfba?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #JavaScript #Node_js #LINE #LINEmessagingAPI #生成AI

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

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.”
https://x.com/tmikov/status/1869900344286949425

Other benefits: https://fosstodon.org/@rauschma/112002585904516954

#JavaScript

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

https://github.com/denoland/deno

#deno #nodejs #javascript #typescript #github #npm

【保存版】フロントエンド初心者がまず読むべき資料まとめ【2024年最新】
https://qiita.com/nuco_YM/items/b4259d838be53a6f44ee?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #JavaScript #初心者 #TypeScript #フロントエンド #React

なんでこんなにもWebフレームワークは目まぐるしく変化しているんだろうか
https://qiita.com/TokomaBaou/items/5c723f0a393a08a9f225?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #JavaScript #ポエム #フレームワーク #React #Next_js

Pleasanter の怖い話！
https://qiita.com/teppei12345/items/0596d171e1d303f959f3?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #JavaScript #プログラミング #パフォーマンス #プリザンター #Pleasanter

New release of https://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...

#GenArtAPI #Art #GenerativeArt #AlgorithmicArt #Parameters #Interoperability #OpenSource #TypeScript #JavaScript

Today is my turn for the #12DaysOfWeb 😃 - Thank you @5t3ph for the opportunity, it was a blast - Lurk in the shadows with Declarative ShadowDOM - https://12daysofweb.dev/2024/declarative-shadow-dom/ #webdev #html #javascript

$ pip3 search something
...
RuntimeError: PyPI no longer supports 'pip search' [...]. Please use https://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, #pip is a #Python package manager, they're good guys. Let me just open #NoScript and temporarily allow pypi.org ... oh no, it wants to run #JavaScript from …

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

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

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

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

Deno 🤝️ @qwikdev

https://docs.deno.com/examples/qwik_tutorial/

#deno #node #javascript #typescript #webdev #nodejs #webdevelopment

SVGについて理解が曖昧なあなたへ
https://qiita.com/ngtnysk/items/efd5e741817ecbafcced?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #HTML #CSS #JavaScript #SVG #Design

【Masonry】高さが違う画像をグリッドレイアウトでいい感じに並べる①
https://qiita.com/weeding_test_5/items/ca53b3842b87d608847a?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #HTML #CSS #JavaScript #初学者向け

Deno can now finally be installed through npm!

npm install -g deno

npx deno eval -p 1+2

https://www.npmjs.com/package/deno

#deno #node #javascript #typescript #webdev #nodejs #npm

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

- https://thi.ng/ramp has just received a bugfix for ramps with more than 256 keyframes. Thanks to @robertoranon for finding & reporting! 🤩🙏
- https://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 https://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:
https://docs.thi.ng/umbrella/rstream/functions/fromTuple.html

#TypeScript #JavaScript #OpenSource

#ReleaseFriday (the 13th) — New version (v0.17.0) of https://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 (https://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`.

https://demo.thi.ng/genart-api/param-editors/

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

#GenArtAPI #OpenSource #GenerativeArt #Art #Parameters #Interoperability #TypeScript #JavaScript

🌟星占い10万年でブラウザの限界を越える🌟
https://qiita.com/yuneco/items/d2db6c651ef86a18a17e?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #JavaScript #React #クソアプリ

Interested in contributing to Deno?

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

#deno #node #rust #javascript #typescript

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

https://docs.deno.com/runtime/reference/cli/outdated/

#deno #node #javascript #typescript #nodejs #npm

プリザンターでQRコードを読み取る_OpenCV.js
https://qiita.com/msms/items/a7b471f4d03610e2c22d?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #JavaScript #OpenCV #QRcode #プリザンター #Pleasanter

FullCalendarをカスタマイズ！
https://qiita.com/_anonymous_dog_/items/7ab7da28afe8295af52e?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #JavaScript #Laravel #Ajax #FullCalendar

【JavaScript】リアルタイム数値N桁区切りする際はカーソル位置に気をつけよう
https://qiita.com/iMasanari/items/7a4b511368114b3c64fb?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #JavaScript #UX #フロントエンド

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

https://blog.startifact.com/posts/humble-for-loop-js/

#programming #JavaScript

Pleasanterのダッシュボードにピボットテーブルを表示したい
https://qiita.com/m-isik/items/3b147ccd107a30e5c0b7?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #JavaScript #ピボットテーブル #プリザンター #Pleasanter

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

https://deno.com/blog/v1.46#short-hand-permission-flags

#deno #node #npm #javascript #typescript #webdev #nodejs

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 https://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...

#ThingUmbrella #TypeScript #JavaScript #OpenSource

dailycoding - 20241210 / graphic
#p5js #javascript #Processing #generativeart #creativecoding #dailycoding
code : https://openprocessing.org/sketch/2481382

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 #development #javascript #deno

Major #GenArtAPI project updates from this past week:

https://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 https://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!

#GenArtAPI #OpenSource #GenerativeArt #Art #Parameters #Interoperability #TypeScript #JavaScript

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

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

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

- LateX

- LSP ~ https://www.emacswiki.org/emacs/LanguageServerProtocol
- Eglot
- https://microsoft.github.io/language-server-protocol/ - múltiples lenguajes de programación en Emacs
(HTML5, #javascript , #python ... y mucho más!)

#video #taller

#hispaemacs

cc @Notxor @andros https://fediverse.tv/w/vJCtHpK241o2hLHShvFhCA

Deno 🤝️ SolidJS

https://deno.com/blog/build-solidjs-with-deno

#deno #nodejs #javascript #typescript #webdev

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”
https://web.archive.org/web/20070916144913/http://wp.netscape.com/newsref/pr/newsrelease67.html

#JavaScript

Update on #FreeJavaScript: 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.

https://deno.com/blog/deno-v-oracle/20241204-notice-of-appearance.pdf

#deno #oracle #javascript #typescript #webdev #NodeJS

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 #javascript #typescript developers, please let me know. Please boost for reach! #getfedihired

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

https://deno.com/blog/nextjs-on-deno-deploy

#deno #node #javascript #typescript #webdev #next

It just dawned on me that I haven't been mentioning five(!) recent https://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:

https://github.com/thi-ng/genart-api/commit/35b627d7380bad75d280cc1e051ec7ed23aa8995

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):
https://demo.thi.ng/genart-api/param-editors/

Demo (with test artwork):
https://demo.thi.ng/genart-api/param-editors/?url=https%3A%2F%2Fdemo.thi.ng%2Fgenart-api%2Fparam-test%2F

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!

#GenArtAPI #OpenSource #GenerativeArt #Art #Parameters #Interoperability #TypeScript #JavaScript #Zig #WASM #WebAssembly

"It insists that all user problems will be solved if teams just framework hard enough." (article about #javascript) but this THIS is the single one reason for me about #go - 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.) https://infrequently.org/2024/11/if-not-react-then-what/

Fedify 1.0.0のリリース #JavaScript - Qiita https://qiita.com/hongminhee/items/fa08f79ae63785f37a87

@slightlyoff I've being doing this for so long (#webdev). 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.

#Javascript

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

https://github.com/xzitlou/jsontr.ee

Discussions: https://discu.eu/q/https://github.com/xzitlou/jsontr.ee

#javascript #programming #webdev

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 #FreeJavaScript.

https://deno.com/blog/deno-v-oracle

#deno #node #javascript #typescript #webdev

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

https://deno.com/blog/v2.1

#deno #node #javascript #nodejs #typescript #webdev #npm #wasm

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

dailycoding - 20241114 / graphic
#p5js #javascript #Processing #generativeart #creativecoding #dailycoding
code : https://openprocessing.org/sketch/2445847

Deno 🤝️ @drizzleorm

https://deno.com/blog/build-database-app-drizzle

#deno #node #javascript #typescript #webdev

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... https://angelika.me/2024/11/11/dependencies-vs-dev-dependencies-javascript-apps/

#JavaScript #WebDev #Frontend #NPM

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

An #introduction post is probably appropriate. So: Hello from #norway !

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

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

My primary programming languages are #php #cpp #javascript

I do #pcb design with #Kicad, simple 2D design with #qcad and 3D work in #freecad.

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

My GitHub repository is found at https://github.com/espena

(Image from my garage workbench)

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 https://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] https://developer.mozilla.org/en-US/docs/Web/API/Compression_Streams_API

(edit: removed obsolete `async`)

#TypeScript #JavaScript #Streams #Compression #GZIP #Binary

Various #ThingUmbrella and #GenArtAPI updates from this week:

- Added null pointer checks & guards in https://thi.ng/wasm-api. This also includes support for structs with fields using Zig-style optional pointers.
- Updated the https://thi.ng/wasm-api-bindgen code generator for #TypeScript to produce smaller code for structs using many string fields
- Did major ground work on #Zig #WebAssembly bindings of core https://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 https://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 (https://thi.ng/wasm-api-dom) and to handle Canvas2D drawing (https://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):
https://demo.thi.ng/genart-api/param-editors/?url=https://demo.thi.ng/genart-api/zig-test/

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):
https://github.com/thi-ng/genart-api/tree/main/examples/zig-test/

#GenerativeArt #ArtMaking #Interop #OpenSource #Workflow #TypeScript #JavaScript

New blog post: https://mergiraf.org, a syntax-aware merge driver for #Git.

Supports #Java, #Rust, #Golang, #javascript, #cpp, #csharp, #html, #json, #yaml and #xml so far, and it's quite easy to add support for more thanks to #treesitter.

https://antonin.delpeuch.eu/posts/mergiraf-a-syntax-aware-merge-driver-for-git/

Get it on #Codeberg: https://codeberg.org/mergiraf/mergiraf

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

https://deno.com/blog/your-new-js-package-manager

#deno #node #javascript #typescript #npm #NodeJS #jsr

Greetings to all #JavaScript #HTML #CSS #SVG #HTTP #Accessibility #webdev #mdn developers and enthusiasts.

I'm a bot, now on a new instance at https://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.

…

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:

https://codeberg.org/kitten/app/src/branch/regression-tests/tests/end-to-end/examples.spec.js#L32

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

💕

¹ https://kitten.small-web.org
² https://playwright.dev

#Kitten #SmallWeb #Playwright #testing #NodeJS #JavaScript #web #dev

Some #GenArtAPI and #ThingUmbrella releases from this past week:

https://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:
https://demo.thi.ng/genart-api/param-editors/?url=https://demo.thi.ng/genart-api/param-test/

Some https://thi.ng/umbrella related updates:

https://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...

https://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...

#OpenSource #Release #Announcement #TypeScript #JavaScript #GenerativeArt

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!

https://cloudfour.com/thinks/generating-random-mazes-with-javascript/

#GenerativeArt #WebDev #JavaScript #SVG

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 🫶

#javascript

👁️

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

#a11y #HTML #react #JavaScript

https://www.tpgi.com/mind-the-remediation-gap/

#LogTape 0.7.0をリリースしました！

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

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

https://zenn.dev/hongminhee/articles/3de34c66bdddb2

#TypeScript #JavaScript #logging

Just released #LogTape 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:

https://dev.to/hongminhee/introducing-implicit-contexts-in-logtape-070-57fi

#TypeScript #JavaScript #logging

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

https://en.wikipedia.org/wiki/Scope_(computer_science)#Dynamic_scope

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

JetBrains: “WebStorm and Rider are now free for non-commercial use”
https://blog.jetbrains.com/blog/2024/10/24/webstorm-and-rider-are-now-free-for-non-commercial-use/

#ECMAScript #JavaScript

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

#AskFedi #Dillo #JavaScript

Thanks for inventing JavaScript.

#JavaScript #Memes

The State of ES5 on the Web #JavaScript #webdev

https://philipwalton.com/articles/the-state-of-es5-on-the-web/

Here’s my #introduction

👋 I’ve been a developer for about 24 years. The last 10+ I’ve been working in #DevRel 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 #WebDev, #JavaScript, #Jamstack & #Serverless. 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 #meetup.

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! https://jsr.io/@phocks/isit

#JSR #JavaScript #Deno #WebDev

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

Just #javascript things 🤡

Want to modernize legacy JavaScript?

One way is to convert CommonJS code to ESM 👇️

https://deno.com/blog/convert-cjs-to-esm

#deno #node #javascript #typescript #webdevelopment

JS0/JSSugar: the tooling will continue until morale improves - https://caolan.uk/notes/2024-10-14_js0_jssugar.cm #JavaScript

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

And that’s when I reach for #Go

And in the end I get paid to write #JavaScript and #PHP

Decentralized P2P Calls In Augmented/Virtual Reality

https://positive-intentions.com/blog/p2p-video-calls-in-virtual-reality

https://github.com/positive-intentions/chat

#decentralized #p2p #augmentedreality #virtualreality #ar #vr #xr #javascript #babylonjs #videocall #encryption #encrypted

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

https://deno.com/2

#deno #node #javascript #typescript #webdevelopment

#introduction

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

I grew up watching Saturday morning cartoons, original #StarTrek re-runs, reading #Fantasy & #SciFi (not SyFy), lots of #Lego and eventually graduated to #RPG and #tabletop gaming. 

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

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 #programming.

My first professional #programming language was #VisualBasic 1.0; eventually, jumping into Borland #Delphi 1.0 and #ObjectPascal - still dabble with #FreePascal #Lazarus, a smidge of #Java, a lot of #CSharp and some #Python. My #JavaScript is ancient...

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

#introduction 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 #javascript, #ruby, #elixir, and #css. I love #vim, #tmux, and command line tools.

I've been writing and making #edm 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.

#introduction as posts aren't migrated:

Software dev from #Tampere, #Finland. Worked on full stack #Python and #JavaScript / #TypeScript projects for 10+ years, on my free time I use #Gleam & #Elixir (hope in the future at work!).

Main hobby project is https://codestats.net/, a free programming stats project. I also enjoy #GeoCaching, #cycling, and video games.

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

Some packages:
https://hex.pm/users/nicd

Working on #SolarPanel UI.

#Business #Launches
Redirect Checker · A web tool to analyze and verify URL redirects https://ilo.im/1605hw

_____
#Redirect #SEO #UserAgent #HTTP #MetaTag #Development #WebDev #HTML #JavaScript #OpenSource

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

https://deno.com/blog/v2.0-release-candidate-update

#deno #node #javascript #typescript #webdevelopment

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

More exciting updates to https://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):
https://demo.thi.ng/genart-api/param-editors/?url=https://demo.thi.ng/genart-api/param-custom/

Example source code:
https://github.com/thi-ng/genart-api/blob/main/examples/param-custom/src/index.ts

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

#GenArtAPI #GenerativeArt #Art #API #Interop #OpenSource #ArtMaking #Workflow #TypeScript #JavaScript

The 🦕️ is out of the bag...

https://www.youtube.com/watch?v=pcC4Dr6Wj2Q

#deno #javascript #typescript #webdevelopment #node #npm

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

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.

https://github.com/deebloo/go-board

#webcomponents #webdev #JavaScript #TypeScript

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

Example:
https://fosstodon.org/@codepen/112911554126739020

#Design #Development #Dev #UI #FrontEnd #Coding #HTML #CSS #Javascript

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: #WebDevelopment #AskFedi #HTML #CSS #javascript #boost

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

https://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 (https://docs.thi.ng/umbrella/genart-api/)
- 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:

- https://demo.thi.ng/genart-api/param-editors/?url=https://demo.thi.ng/genart-api/param-test/ — either of the two editors can be used...
- https://demo.thi.ng/genart-api/param-editors/?url=https://demo.thi.ng/genart-api/param-image/ — 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!

#GenArtAPI #GenerativeArt #Art #API #Interop #OpenSource #ArtMaking #Workflow #TypeScript #JavaScript

#CSS は #CSS に、 #HTML は #HTML に回帰する（予言

#JavaScript も #JavaScript に回帰するかは知らない（回帰してほしいけど

Since I haven’t yet posted an #introduction…

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

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

I’m constantly #reading, especially #scifi, #clifi, and #solarpunk! I’m passionate about music, especially #technomusic and electronica. Catch me at #neotropolis… IYKYK 🙃

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 #travel, #WordPress, #RVlife and bad puns. Looking forward to meeting y’all!

Interests:
#DigitalNomad
#RVLife
#kiting
#Homestead
#OffGrid
#Permaculture
#php
#programming
#javaScript
#OpenSource
#foss
#WordPress
#DiscGolf
#castIron
#outdoorCooking
#travel

#introduction

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.

https://deno.com/blog/rusty-v8-stabilized

#rust #deno #javascript #typescript #v8

#LogTape v0.6.0, a zero-dependency structured logging library for #JavaScript & #TypeScript, 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: https://jsr.io/@logtape/[email protected]
• npm: https://www.npmjs.com/package/@logtape/logtape/v/0.6.0

Hej Hej 👋

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

My name is Christian and I'm a freelance frontend dev that works with #11ty. I love #HTML, #CSS, and #JavaScript (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:

- #BoardGames
- #WebDev
- #Photography
- #MastoArt
- #Electronics
- #SVG
- #IndieWeb
- #Vegan AF 🌱

💚

#Introduction #NewInstance #MastoHost

Today's #FediJam 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)

#gamedev #indiedev #gamejam #javascript #threejs

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`

https://deno.com/blog/v2.0-release-candidate

#deno #node #javascript #typescript #webdevelopment

I'm looking for a #JavaScript / #NuxtJS developer to help me extend my FastAPI/NuxtJS template (https://github.com/whythawk/full-stack-fastapi-postgresql) to support #ActivityPub. I'm busy with the #FastAPI 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. #FediHire

#Introduction :

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

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

Since there has been a huge influx of new users, I decided to write a new #Introduction 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 #pansexual / #bisexual #transgender woman married to a heterosexual cisgender woman who frequently talks about the current hellscape for people like me in my Toots.
I'm #NeuroDivergent / #ND which is probably why all of these sentences start with "I".
I've worked in #InfoSec for a little over 20 years. I've had lots of roles in #SecEng, #SecOps, and #ThreatManagement. I taught myself #Perl, #Bash, #SQL, and #PowerShell. I'm decent at #JavaScript. I can read #Python and #Ruby. I enjoy automating things and turning manual processes into scripts.
I've been the primary #CareGiver to my wife for 8 years since she developed a chronic condition and went on disability.
My hobbies including #writing #paranormal short fiction, journaling my #dreams, and playing #PCGames on my laptop and #SteamDeck.
I prefer #StarGate over #StarTrek over #StarWars. Still waiting for Amazon to do something, anything with the Stargate property.
While we loved the #ArrowVerse including #Stargirl and #SwampThing, in general we prefer #Marvel over #DC.
I'm a fan of #Horror / #HorrorFam, #HorrorMovies and #HorrorBooks, especially the existential dread of #CosmicHorror or #LovecraftianHorror. 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, #HorrorComedies are underappreciated.
I'm slowly reconnecting with my #Pagan roots. I knew some stuff about #Tarot and had a friend who as a tree a lifetime ago and I'm trying to rekindle that.
We've got #Cats and they are our kids. I also happen to love #Frogs, but we don't have any of those.

#BLM #BlackLivesMatter
#TransgenderRightsAreHumanRights
#LGBT #LGBTQ #LGBTQIA
#ThePandemicIsNotOver
#ClimateChangeIsReal
#SexWorkIsWork

Help us spread the word — it's time to #FreeJavaScript

https://javascript.tm

#javascript #typescript #deno #webdevelopment

Unveiling the core gameplay loop of my #FediJam 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.)

#gamedev #indiegame #indiedev #gamejam #programming #javascript #threejs

I never did a Mastodon #Introduction so here we go.

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

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

I am a fan of the #Bengals, #Bearcats, #Celtics, #Vols, #Reds, #FCCincinnati, and #Newcastle.

Finally starting on my #FediJam 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 #threejs. 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: https://itch.io/jam/fedi-jam and @fedi_jam 👏

#gamedev #indiegame #gamejam #javascript

Acerca de mí: #introduction #presentation
¡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 #Software_Libre.

También soy #programadora y #desarrolladora de #software. Programo activamente en #C, #Python, #JavaScript y #MATLAB, aunque conozco algunos otros lenguajes más (por ejemplo BASIC, #Rust, C# y Java). Puedes ver todos mis proyectos en #Codeberg: https://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 #música independiente, hago #DnB: https://www.autumn64.xyz/src/es/music.html

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

Más acerca de mí: https://codeberg.org/Autumn64/AboutMe/src/branch/main/README.md

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

#javascript 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 - https://notes.mrmr.io/the-v3-curse

I pushed a feature update for :fietkau_software: https://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. 😀

#qr #qrcode #webdev #javascript

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?

#blind #screenReader #firefox #javascript #help

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

#Deno #Bun #JavaScript #TypeScript

Curious about how the JSR logo and website design came together? 🤔️

Here's a 👀️ into our design process.

https://deno.com/blog/designing-jsr

#deno #node #javascript #typescript #webdevelopment #npm #jsr

Fedifyは、TypeScriptとJavaScriptで書かれたActivityPubサーバーフレームワークです。分散型のソーシャルネットワークを構築するためのサーバーアプリケーションを作る際の複雑さと冗長なコードを排除し、ビジネスロジックとユーザー体験の開発に集中できるようにすることを目指しています。

現在提供している主な機能は以下の通りです：

• Activity Vocabularyのための型安全なオブジェクト（一部のベンダー固有の拡張機能を含む）
• WebFingerクライアントとサーバー
• HTTP SignaturesとObject Integrity Proofs
• ウェブフックを処理するためのミドルウェア
• NodeInfoプロトコル
• Node.js、Deno、Bunのサポート
• テストとデバッグのためのCLIツールチェーン

興味がある方は、Fedifyのウェブサイトをご覧ください！包括的なドキュメント、デモ、チュートリアル、サンプルコードなどが用意されています：

https://fedify.dev/

#Fedify #TypeScript #JavaScript #ActivityPub #NodeInfo #Node #Deno #Bun #fedidev

I’ve been on here a while but never wrote an #introduction 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 #software #engineering and I’ve been at it professionally for over 14 years. Though I mostly develop for the web I enjoy working with the #fullstack including the hardware and architecture of it.

I like #videogames #opensource #homelab #php #wordpress #laravel #javascript #selfhosted #linux #you

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 https://d3js.org

#JavaScript #DataViz

Time to finally do an #introduction!

I’ve been fascinated by the #web 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 #Mac user even longer (my parents were in education and my mom would bring home her office Mac Classic on the weekends). Being creative with #HyperCard and wanting to make dynamic websites eventually got me into #programming. First with #Perl, later #PHP, and now #JavaScript and #TypeScript. I’ve also had some fun with #C, #ObjectiveC, and #Swift.

For 14 years I worked at a small company that makes the premier CMS for the #AltWeekly press in the US. Now I work on web applications in #React in the far-more corporate world. I also used to co-organize TucsonJS and Tucson React meetups.

The first release candidate for #Deno 2 has just dropped. To upgrade use the following incantation:

deno upgrade rc

You can also use the --canary flag to do the upgrade.
#javascript
@deno_land

#introduction

I'm a #softwaredev focusing on #javascript & #typescript specifically #deno. 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 #journalist for 10 years.

I live in #Maine USA & try to enjoy the beautiful environment here as often as possible.

Some new #passkey capabilities are being added to #Chrome after a careful standardization work by the community.
- Hints: allow you to control #authentication 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 #JavaScript code with binary encoding and decoding.

Learn more on the blog post:
https://developer.chrome.com/blog/passkeys-updates-chrome-129

There is a fundamental difference between #complexity for the sake of convenience (I can build an entire app quickly. Think #JavaScript framework of the day), vs complexity for the sake of robustness (I can make changes to the app quickly without introducing new bugs. Think #Rust or #Haskell).

When you are not familiar with the tech, both can look the same, but they are not. The latter is actually #simplicity in disguise

I love #Deno (@deno_land) because it turned me from a #JavaScript hater into a JavaScript programmer, or more precisely, a #TypeScript programmer.

Oh no I forgot the #introduction Here we go!

I currently work at the Icelandic Met Office as a #GIS Coordinator in #Reykjavik. In general, I help people make maps, find #geodata either with code (#python or #javascript) or with desktop software like #QGIS

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

It's been a few years since my last #introduction post, so lets do this again:

I'm into the #smallinternet #smallweb and related tech like #gopher and #gemini and #bbs life. I'm former #navy , former #jesuit, with an interest in comparative #religion , #philosophy . I love a good #dadjoke . Um, so many more interests! #retrogames #parenting #astronomy #chess #sewing. I recently started a #solarpunk #podcast too. Oh, and I love #writing and participate in #NaNoWriMo .

Oh right, my dayjob involves #tech work including #digitalstrategy and #marketing . I use #javascript 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.

Updated internal state handling of the https://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...

#ThingUmbrella #ReleaseThursday #Parser #DSL #TypeScript #JavaScript

Version 0.5.0 of #LogTape, the zero-dependency #logging library for #Deno, #Node.js, #Bun, 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: https://jsr.io/@logtape/[email protected]
• npm: https://www.npmjs.com/package/@logtape/logtape/v/0.5.0

In addition, a new website with documentation has been launched, so please check it out!

https://logtape.org/

#JavaScript #TypeScript

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?

#javascript #NodeJS #Deno #Bun

Hosting on Deno Deploy just got more performant with beta Web Cache API support:
🚀 sub-millisecond read latency
🚅 multi Gbps write throughput
💾 unbounded storage

https://deno.com/blog/deploy-cache-api

#deno #node #javascript #typescript #webdevelopment #serverless

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 👇️

https://deno.com/blog/v1.46

#deno #javascript #typescript #node #npm

QiitaにLogTapeの紹介文を日本語で書いて載せました。翻訳機とAIを多用したため、不自然な日本語があるかもしれませんが、不適切な表現を見つけたらぜひご指摘ください！

https://qiita.com/hongminhee/items/fff0ce9c8ae50e70496b

#Qiita #LogTape #JavaScript #TypeScript #ロギング

The `datetime` attribute of the #HTML `<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 #JavaScript package to make your life easier with it. Here’s `datetime-attribute`: https://github.com/meduzen/datetime-attribute

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.

Li "Estruturas de Dados e Algoritmos Com JavaScript"

https://gmgall.net/books/estruturas-de-dados-e-algoritmos-com-js/

#books #javascript #js #algorithms #oo

I've rewritten #Fedify several times and in several languages. The first time it was written in #TypeScript, then #Python, 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.

#fedidev #CSharp #dotnet #JavaScript

In the next version of #LogTape, a zero-dependency #logging library for #JavaScript & #TypeScript, 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: https://jsr.io/@logtape/[email protected]dev.60+f819929c
• npm: https://www.npmjs.com/package/@logtape/logtape/v/0.5.0-dev.60

https://github.com/dahlia/logtape#contexts

I pushed an update to #DOStodon (the #Mastodon 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 #curl to 8.9.1
- Added ALT text for image uploads

Grab it at https://github.com/SuperIlu/DOStodon

#Javascript #RetroComputing #MSDOS #CreativeCoding #MastodonClient #FreeDOS #DJGPP #DOjS #accessibility #ImageDescription

This is a test toot from #DOStodon, the #Mastodon client for #MSDOS showing off the new ALT-text editor for images.

#RetroComputing #JavaScript #DOjS #accessibility #AltText #ImageDescription

#introduction 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!

#DataViz #FrontEnd #JavaScript #steno

#LogTape is a logging library for #JavaScript and #TypeScript. 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: #Node.js, #Deno, #Bun, edge functions, and browsers
• Structured logging
• Logger categories (names) are hierarchical
• Dead simple sink (destination) interface

https://logtape.org/

#Nix #NixOS #NixLang #JavaScript #Chrome #Firefox

This is my 13 year old Acer Aspire One 722-C62kk running the #Linux version of #DOStodon on a current Arch install.
I recently learned I can get a new battery for 20€ to revive it. 😊

#MastodonClient #RetroComputing #DOjS #Javascript

Forms on the web have become terrible. Lost state. No keyboard nav. Weird refreshes. Mobile hostile.

The reason is #frontend developers that think clientside state management is how to implement a form. It is not.

Good forms work without client #javascript (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 ?

#introduction

Hi I'm Daniel, a 37 year old developer and technical lead at @telemetrydeck ! I enjoy long walks along the #datalake, I work in #analytics and #privacy is super important to me! (Which is why I make an analytics service that provably won't collect personal #data). I also love developing in #swift for #iOS and #vapor and I tolerate #javascript :D~

In my free time I enjoy talking and learning about #space and #spaceflight as well as #simracing and #cycling

I wish the #Temporal API would be built into #Node.js and #Bun as well.

https://tc39.es/proposal-temporal/docs/

#JavaScript

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 #PHP #Laravel #Svelte #JavaScript #Vue #Livewire Unterstützung braucht, bitte Bescheid sagen!

https://waldhauer.solutions/

#freelance #projektsuche #jobs

#introductions

I am a human, I can sign something for you from https://keybase.io/jkirchartz if you'd like

Here is a list of my interests, in no particular order.

#art #history #retro #music #pocketmusic #gameboy #android #chiptunes #bots #ML #AI #guitar #mandolin #busking #streetphotography #streetart #stickerart #magic #webdesign #webdevelopment #uspolitics #dsa #zen #scifi #php #bash #python #javascript #node #automation #discordia #education

A late #Introduction. I’m a west coast Canadian enjoying life w/ my badass wife @britt

• #React #Javascript is my jam
• #cinephile, #film addict
• #Writer, #prose, & flash creative #nonfiction
• #academic, #Philosophy, #History, #ClassicalAntiquity
• #exvangelical w/ a M.A in Spiritual #Theology
• #Atheist & lean #Zen #Buddhism

I love #Gaming and take #virtualPhotography
#ffxiv, #worldofwarcraft, #StardewValley, #ACNH, #CoD, #Halo, #Overwatch2 and many more.

I will post a lot of our #cat

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:
https://nextcloud.com/jobs/

Plz boost so more can see/apply 🙏

#getfedihired #jobs #opensource #linux #php #java #android #kotlin #vue #javascript #hiring #remote #wfh #devjobs

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.

https://deno.com/blog/http-imports

#deno #node #typescript #javascript #npm #jsr

Please only answer if you know how to code in #JavaScript. Can you also code in #TypeScript?

std/data-structures, common data structures including red-black trees and binary heaps, is now stabilized at v1 on JSR

https://jsr.io/@std/data-structures

#deno #node #jsr #typescript #javascript #npm

#introduction
I'm a developer, have been working with #php #javascript, #WordPress for years, exploring others as well. Hacking on #ActivityPub wp plugin, interested in #CivicTech

language nerd: native bilingual #Français, English, hablo español, falo portugues, foghlaim gaeilge leis an ulchabhan. And smidgens of a few others.

Interests and what I might post about: #lowtech, #cooperatives, #music (electro, folk, jazz), #bikes, #anthropology, #mythology, #sociology, #CommunityOrganizing

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. ✨📱

https://cloudfour.com/

#Introduction #WebDesign #WebDev #Responsive #Ecommerce #Performance #CSS #JavaScript

#Deno and #Bun people are putting an incredible amount of work modernizing server side js.

The energy is reminding me of early day #Python - 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 #jupyter!

#javascript #node #nodejs #js

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 #html #css #javascript #php #nodejs #golang #wordpress #react #hugo #aws #sql Looking for small projects around $250 - $350 . If you know someone who might benefit please #boost #foss #opensource #writer #writing #programming #software #blog #database #web

#webdev #coding #FOSS #hugo

New server, time for an updated #introduction post. (formerly [email protected])

I'm Nic, based in #Naarm #Melbourne #Australia, and I work as a #webdev (in #Python #Django & #Javascript #React ) & #sysadmin .

Much of the rest of my time is spent playing #rollerderby and doing #photography, along with tinkering with #homeassistant and other #electronics

Figured out I was #trans about a year ago, and it's been a wild ride since.

Hey! #introduction on a new server with my favorite tech peeps! My name is Sasha and I am a #developer

a #backenddev reformed to be a #fullstackdeveloper, with experience in #dotnet, #csharp, #javascript, #python, interested in #functional programming

a #slowlearner that ironically has a broad interest in all dev things, but not enough time and energy to get to them all

I believe that #teamequalsproduct and also that #empathy and #kindness are underrated.

More here: https://blog.ferrata.dev/hey-there/

#introduction

I'm Dylan, a #FullStack #web developer from the Midwest, US. I enjoy working with #javascript, #NodeJS, #php, #SvelteKit, and #linux. I've also done lots with #WordPress.

I love learning about #CyberSecurity, dabbling in #SelfHosting, and tinkering in my #HomeLab which I automate with #ansible.

I #blog frequently at https://www.closingtags.com where I write things related to #WebDev. You can reach me via the contact form there or here!

https://statecollegeguitarlessons.com/adb

Please Click "A" for #Aeolean 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 #utility is greater if the user is able to click-on/ click-off the "missing" tones.

# Objective
make an #interactive html page with SVG to capture User input (e.g. assessments) much like what is shown here.
https://statecollegeguitarlessons.com/adb/aeolean.webm
#training

## Detail
The images depict dots representing positions of tones of the Aeolean mode (relative minor) of a #Major #Scale as appears on a standard #guitar #fretboard

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" #Puzzles

### 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/ #HTML5 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?
#guitarteacher #css #javascript #jquery #guitarlessons

Come see my talk if you're interested in writting dynamic websites but dont want to write #javascript or if you want to talk about #cgi apps.

Patrick Marchand: Puffy does Realtime Hypermedia - https://events.eurobsdcon.org/2024/talk/VJEYVD/ 2024-09-21, 13:45 at EuroBSDcon 2024 in Dublin

Register for tickets at https://events.eurobsdcon.org/2024/ #EuroBSDCon #Dublin #FreeBSD #OpenBSD #NetBSD #Conference

The web-based open source software #CATMAID was devised as "google maps but for volumes". Documentation at https://catmaid.org and source code at https://github.com/catmaid/CATMAID/

Modern #CATMAID enables hundreds of #neuroscience 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 #connectome.

Running client-side on #javascript and server-side on #django #python #postgresql, 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: https://academic.oup.com/bioinformatics/article-abstract/25/15/1984/210794

See also public instances at the #VirtulaFlyBrain http://virtualflybrain.org/ particularly under "tools - CATMAID - hosted EM data such as this #Drosophila first instar larval volume of its complete nervous system https://l1em.catmaid.virtualflybrain.org/?pid=1&zp=108250&yp=82961.59999999999&xp=54210.799999999996&tool=tracingtool&sid0=1&s0=2.4999999999999996&help=true&layout=h(XY,%20%7B%20type:%20%22neuron-search%22,%20id:%20%22neuron-search-1%22,%20options:%20%7B%22annotation-name%22:%20%22papers%22%7D%7D,%200.6)

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.

#javascript

Released v0.4.2 of #LogTape, which is a zero-dependency #logging library for #TypeScript & #JavaScript! Since this version, it work well on #Cloudflare Workers out of box!

• JSR: https://jsr.io/@logtape/[email protected]
• npm: https://www.npmjs.com/package/@logtape/logtape/v/0.4.2

#CloudflareWorkers #log #logger

🚀 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: https://deno.com/blog/v1.45

#deno #node #javascript #typescript

Boa 0.18 has just been released!

Boa is a #javascript engine written in #rustlang. It now passes 85% of the official ECMAScript suite, and it's much more performant!

Check the full release post here:

https://boajs.dev/blog/2024/03/07/boa-release-18

/cc @rust @thisweekinrust

fresh #Introduction 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:

#CSS #JavaScript #HTML #Anarchism #Bicycle #Thinkpad #F91W #Chumbawamba #RetroGaming #Philosophy #MentalHealth #Portland #XMPP

First time using #p5js !

Hopefully I will manage to do more than circles

#Processing #creativeCoding #art #Digital #Javascript #js #brush #sketch #abstract

Now that our instance has a higher size limit for toots, time for a re-#introduction. This time with more hashtags!

Hi! I'm Jeff. :blobcatwave:

I've been a software engineer since around 1999 I guess. I started with #WebDev back in the early days of applets, DHTML, and Flash. I've since moved on to #FullStack work on just about anything that has a compiler or an interpreter. I've even recently dabbled in #PCB design and #3DPrinting.

My software specialties are in high performance computing #HPC, #GPGPU, and #ComputationalChemistry. 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 #academia part-time writing research software.

My favorite programming languages at the moment are #Rust and #Kotlin. Although, I've spent a lot of time writing #Javascript lately. With the right tooling it's not completely terrible.

More recently, I've been interested in online #privacy, #cryptography, and #SocialNetworks.

#c - what if everything was a pointer
#lisp - what if everything was a linked list
#haskell - what if everything was a pure function
#forth - what if everything was a stack
#lua - what if everything was a hash map
#erlang - what if everything was immutable
#prolog - what if everything was a pattern to match
#java - what if everything was a class
#rust - what if everything was a memory allocation problem
#golang - what if everything != nil
#javascript - what if everything was everything

Greetings to all #JavaScript #HTML #CSS #SVG #HTTP #Accessibility #webdev #mdn 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] https://developer.mozilla.org/en-US/docs/Web
[2] https://botsin.space/@randomMDN.rss
[3] https://github.com/jaandrle/randomMDN

#HowToThing #Epilogue #LongRead: After 66 days of addressing 30 wildly varied use cases and building ~20 new example projects of varying complexity to illustrate how #ThingUmbrella 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 #BottomUpDesign #ThingUmbrella 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 https://thi.ng/umbrella readme). Many of those examples have more comments than code...

021: Iterative animated polygon subdivision & heat map viz
https://mastodon.thi.ng/@toxi/111221943333023306

022: Quasi-random voronoi lattice generator
https://mastodon.thi.ng/@toxi/111244412425832657

023: Tag-based Jaccard similarity ranking using bitfields
https://mastodon.thi.ng/@toxi/111256960928934577

024: 2.5D hidden line visualization of DEM files
https://mastodon.thi.ng/@toxi/111269505611983570

025: Transforming & plotting 10k data points using SIMD
https://mastodon.thi.ng/@toxi/111283262419126958

026: Shader meta-programming to generate 16 animated function plots
https://mastodon.thi.ng/@toxi/111295842650216136

027: Flocking sim w/ neighborhood queries to visualize proximity
https://mastodon.thi.ng/@toxi/111308439597090930

028: Randomized, space-filling, nested 2D grid layout generator
https://mastodon.thi.ng/@toxi/111324566926701431

029: Forth-like DSL & livecoding playground for 2D geometry
https://mastodon.thi.ng/@toxi/111335025037332972

030: Procedural text generation via custom DSL & parse grammar
https://mastodon.thi.ng/@toxi/111347074558293056

#ThingUmbrella #OpenSource #TypeScript #JavaScript #Tutorial

My books on #JavaScript and #TypeScript are free to read online:

– Exploring JavaScript (ES2024 edition)
– Deep JavaScript
– Tackling TypeScript
– Shell scripting with Node.js

:mastodon: Boosts appreciated!

https://exploringjs.com

What we're learning here?
1) My #JavaScript skills suck
2) Its alarming warm in south Germany
3) I survived Friday 13th

#climatechange

std/crypto, extensions and utilities to the Web Crypto API, is now stabilized at v1.0.0 on JSR

https://jsr.io/@std/crypto

#deno #jsr #typescript #javascript

Hi, sfba.social! Allow me to #introduction myself.

I just moved here from pdx.social. I can’t be summed up in a single toot, but… I love #design, #architecture, #photography, #redwoods, the #California coast, #neurodiversity, and #inclusive systems. Oh, and #parenting 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 #BCorp helping families sleep better with #organic 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 (#DataVis #Processing #p5js #d3js #JavaScript), but that feels like 1M years ago.

Expect to see posts about everything mentioned above!

Big thanks to the SFBA @moderators for having me.

♥️

I just released v1.12.1 of #DOjS on https://github.com/SuperIlu/DOjS/releases/tag/v1.121

This is the release the last #DOStodon versions were based upon!

See thread below for release details!

#MSDOS #DOSGaming #retrocomputing #JavaScript #FreeDOS #creativecoding #p5js #retrodev #retrodevelopment #3dfx #OpenGL
1/

I pushed an update to #DOStodon (the #Mastodon client for MS-DOS):

- Updates to #mbedTLS and #curl

Grab it at https://github.com/SuperIlu/DOStodon

If you want to try the #Linux version check out the compilation instructions linked in the README

#Javascript #RetroComputing #MSDOS #CreativeCoding #MastodonClient #FreeDOS #DJGPP #DOjS

Check out the awesome online #coding platform at https://codepad.site. It's FREE! There's support for #HTML / #CSS / #JavaScript, #PHP, #Java and #Python.

Time for a proper introduction!

I'm an open-source enthusiast and self-hosting masochist. Initially a #JavaScript developer, still doing all things web, big #WebAssembly fan, recovering conference addict. I am a #DevRel focusing on #DevEx & OSS communities in particular. Also a staunch advocate of flexible, async remote work.

I co-founded #RustFest¹ with @jer & @skade :ferris:

Frequently have Opinions™ and post about #conferences, especially online, #remoteWork, my #homelab & #selfhosting hobby (currently rebuilding, follow along at #homelabNG )

At my day job at https://radiopaedia.org I mostly complain about Ruby/Rails or DICOM² :ablobcatbongokeyboard:

For Canine Cuteness head to #pupdate, @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 https://en.wikipedia.org/wiki/DICOM

#introduction #imaginaryVintageLPs

@zicklag is ‘Investigating a Streamlined Connection Between Weird Core (Rust) and SvelteKit’

https://github.com/commune-os/weird/issues/92

Thoughts anyone?

#RustLang #JavaScript #svelte #webdev

#LogTape is a logging library for #JavaScript and #TypeScript. 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: #Node.js, #Deno, #Bun, edge functions, and browsers
• Structured logging
• Logger categories (names) are hierarchical
• Dead simple sink (destination) interface

https://github.com/dahlia/logtape

Here's my #introductions...
I'm into #retrocomputing and #retrocomputers, am a #6502 fan, but I like green spaces and days which not overcast, I like science and #sf - mostly #sfbooks and stories - #computerscience, aka #cs or #compsci, I like #brianeno for his music and his thoughtful writings and funny videos, I write just a little code in #python and #javascript and #assembly and generally spend a lot of time on the internet.
Isn't the world a lovely place but in a fine old state though?

Okay, #Coolify 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: https://coolify.io/


#Linux #DevOps #Server #Servers #Docker #Containers #Kubernetes #VM #Virtualization #OCI #Debian #CentOS #Alpine #Fedora #Forgejo #Git #GitHub #GitLab #Podman #PHP #Go #Rust #JavaScript #Vue #Nuxt #NextJS #React #Angular #Coolify

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.

https://github.com/sponsors/DarkGhostHunter

#PHP #Javascript #JS #FOSS #OSS #OpenSource #Programming #Development #Software #SoftwareDevelopment #WebDevelopment #WebDev #Laravel #Github

And of course the #JSDoc syntax equivalent to the #Typescript above so you can use it directly in your #Javascript code:

```
/**
* @template { new (args: any) => any } Class
* @template { object } Properties
* @typedef { new (...args: ConstructorParameters<Class>) => (InstanceType<Class> & Properties) } AddProperties
*/
```

^ This is useful for when you're using #Javascript's dynamic capabilities with classes and you want to let #Typescript 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.

I'm #JobSeeking!

If you do interesting things in the #DistributedSystems space that aren't predicated on market-based solutionism, I would love to come write #Rust & #JavaScript apps or work on #SystemsArchitecture and infrastructure with you. I also do pretty decent #CareWork and #CommunityManagement in teams which aspire to be human-centered.

I'm especially interested in roles within organizations lead by #queer and #FirstNations peoples and #anarchist groups doing #MutualAid efforts.

#Fedify is an #ActivityPub server framework in #TypeScript & #JavaScript. 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)
• #WebFinger client and server
• HTTP Signatures
• Middleware for handling webhooks
• #NodeInfo protocol
• #Node.js, #Deno, and #Bun 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:

https://fedify.dev/

#fedidev

After turning up here a couple of weeks or so ago, I figured it's time for an #introduction

I'm a full stack web developer, currently working mostly with #php (#laravel) and Vanilla #javascript and #scss. Still love #cfml too.

Outside of that, my main interests are around #infosec, #fintech, and just learning new stuff.

Husband, father of 2 boys, speaker of #German and #english with some basic understanding of #Arabic

Started running my own instance just for fun, and loving it. #mastoadmin

I guess it's time for an #introduction.

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 #javascript and #dart and other nice stuff on my website at https://casraf.dev/projects :) feel free to say hi!

#javascript #typescript #react #flutter #dart

😅 So I did not fully appreciate the power of hashtags on this place when I wrote my #introduction, 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 #react, #javascript, #typescript. I don't write so much #CSS here as I have at previous gigs, but, I'm okay at that too…

• I'm the author of CSS in Depth 📘 https://www.manning.com/books/css-in-depth

• I enjoy mixing #cocktails and have my recipes available in a #PWA : https://sidecar.us

Fedify is an #ActivityPub server framework in #TypeScript & #JavaScript. 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)
• #WebFinger client and server
• HTTP Signatures & Linked Data Signatures & Object Integrity Proofs
• Middleware for handling webhooks
• #NodeInfo protocol
• #Node.js, #Deno, and #Bun 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:

https://fedify.dev/

I never use vanilla #JavaScript, I always code in #TypeScript instead, and Node.js is a pain in the neck with TypeScript settings.

How did we go back to the world of #javascript 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

#stateOfJS #stateOfJavascript

Unicopedia Ægypta is a developer-oriented set of #Unicode utilities related to Egyptian hieroglyphs, wrapped into one single app, built with #Electron.

Repository: 🔗 https://codeberg.org/tonton-pixel/unicopedia-aegypta

#characters #codecharts #codepoints #desktopapplication #egyptian #electronjs #glyphs #hieroglyph #hieroglyphs #javascript #localfonts #unicode #unicopedia #unikemet

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

Every time I use the following statement in my code, I’m hoping we’ll still get standard modules for #JavaScript:

// Now
const {stringify} = JSON;

// Future?
import {stringify} from 'js:json';

Alas, the proposal has been at stage 1 for almost four years: https://github.com/tc39/proposal-built-in-modules

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?

Unicopedia Plus is a developer-oriented set of Unicode, Unihan, Unikemet & emoji utilities wrapped into one single app, built with #Electron.

Repository: 🔗 https://codeberg.org/tonton-pixel/unicopedia-plus

#characters #chinese #cjk #codepoints #desktopapplication #electronjs #emoji #ivd #japanese #javascript #kangxi #kangxiradicals #korean #normalization #opensource #regex #segmentation #strokecount #unicode #unicopedia #unihan #unikemet

Unicopedia Sinica is a developer-oriented set of #Unicode utilities related to ideographs, wrapped into one single app, built with #Electron.

Repository: 🔗 https://codeberg.org/tonton-pixel/unicopedia-sinica

#characters #chinese #cjk #cjkrelated #cjkv #codecharts #codepoints #components #confusables #desktopapplication #electronjs #glyphs #ideographs #ideographicdescriptionsequences #ids #japanese #javascript #kangxi #kangxiradicals #korean #localfonts #opensource #strokes #tangut #unicode #unicopedia #unihan #vietnamese

@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.
#JavaScript #React #WebComponents

Why is #Javascript considered a toy language?

Because it's usually played with in a sandbox.

Hello everyone,

I'm Steve and I work mainly as a #frontend developer with a focus on #html #css #javascript and #accessibility.

I'm also a music nerd and #HotSauce lover and recently got back into the habit of reading #books. #VideoGames 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 #FediVerse!

#introduction #introductions #NewHere

🚨 JavaScript Pentesting 101: A Complete Guide to Analyzing Web Applications 🚨

I dedicated April and May to pentesting #JavaScript.

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 🔍
https://infosec.exchange/@kpwn/110242352466343321

2. Dynamic Analysis 📑
https://infosec.exchange/@kpwn/110287650959218515

3. Obfuscation & Deobfuscation 🥸
https://infosec.exchange/@kpwn/110321624840524023

4. Hands-On: Analyze Obfuscated Code ✍
https://infosec.exchange/@kpwn/110361260966659611

5. Local Overrides 📝
https://infosec.exchange/@kpwn/110400897211108426

6. Bypass Code Protection 🥷
https://infosec.exchange/@kpwn/110440533357021730

Here's everything compiled into a blog post 📰
https://kpwn.de/2023/05/javascript-analysis-for-pentesters/

Do you find my content valuable?

🔔 Follow me for more web security content!

🔁 Also, boost this toot to help others!

#Infosec #CyberSecurity #BugBounty #Pentesting

Re- #introduction - I joined mastodon.social Feb 02, 2017, and have delighted in the fediverse since.

#developer since web dev was just #HTML, then server side with #csharp, #dotnet and now #javascript is running everything!

Love #drmfree videogames, standup #comedy that punches up, #heavymusic, and going to gigs.

Moulded by the teachings of #terrypratchett, I care about people, #equality and fairness (ergo, lean left, Anti-Tory and #antifascist!)

Hi, how's your new year? Hopefully it's good.

From 1 January 2023, I plan to #buildInPublic 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 #nusa hashtag to post my progress 😊

site: https://nusa.pages.dev (still blank page)
repo: https://github.com/DrSensor/nusa/releases

#projects #webdev #javascript #html

Finally wrote a bit about my jiggly nav links.

It was mostly an exercise in making a very custom ease for #GSAP out of a damped cosine function. #webdev #animation #css #javascript https://noahliebman.net/2022/12/waves-part-2-plucky/