#28 No libraries, no canvas, only HTML elements.

There are many elements but because I was late with this prompt I already saw buttons and checkboxes, so I picked the slider and experimented.

And yes, I'm curious what I could do with sliders in the future - beside a slide puzzle. ;)

#genuary #html #css #slider #genart #art #mastoart #fediart #p5js #noai #genuary2026 #code #math #programming #artwork #minimalism #coding #generativeart #generative #artforsale #simplify #creativecoding #random #web #dev #frontend #website #apache #ajax #js #nodejs

Stupid #JS question: how can you detect hovering strictly the painted part of the letters of a big heading? Not the text box, not the space inside letters like O? Cross-browser.

EyeDropper API is poorly supported and works only on click not hover.

A canvas copy? Can you be sure it's accurate?

It looks like we have a location for the #jscc26, the 10th year that we do the jscraftcamp.org.
And there is a new website coming, the design just looks gorgeous. So I think 10th anniversary will be a lot of fun again.
Anyone in joining us or maybe even coming to #Munich for some #JS and not #JS sessions over two days? (Probably in June, exact date soon)

TIL: If you need to either set or clear a CSS class in plain JavaScript based on some condition, instead of

if (condition) { el.classList.add("myclass") } else { el.classList.remove("myclass") }

you can simply use the second parameter of toggle(), which takes a boolean that decides whether the class should be set or cleared:

el.classList.toggle("myclass", condition)

https://developer.mozilla.org/en-US/docs/Web/API/DOMTokenList/toggle

#WebDev #JavaScript #JS #CSS

DOMTokenList: toggle() method - Web APIs | MDN

The toggle() method of the DOMTokenList interface removes an existing token from the list and returns false. If the token doesn't exist it's added and the function returns true.

MDN Web Docs

J’ai un collègue, quand je bosse avec lui, je sais que je peux exprimer mes interrogations, mes incompréhensions, il m’oriente sans rien me dévoiler, et j’arrive à coder la solution. Ce qui me faisait galérer hier a été fini ce matin en moins d’1h 🎉
La fonctionnalité c’était de pouvoir déplacer des éléments d’une liste via des flèches qui montent ou descendent. Et la clé qu’il faut que je n’oublie pas, c’est qu’un composant est stupide (dumb component). La logique se passe dans le parent.
Tout s’est éclairci après ça.
Et l’autre truc, c’est que la fonction splice() est vraiment magique ! ✨

#vieMaVieDeDev #syndromeDeLImposteur #javascript #js

https://www.gotorola.com/477085/ 【アイゲキ】2026/1/25 しずく Shizuku (スプラウト学園)『ヘビーローテーション/AKB48』 東京アイドル劇場 TOKYO IDOL GEKIJO ##ジュニアアイドル #Cuugal #Entertainment #JC #JK #js #SHIZUKU #エンタメ #キューガル #中学生 #小学生 #高校生

@thomasfuchs The web went through this same transition five years earlier — semantics, separation of content and style, accessibility — then jQuery came along and now developers can’t even make a blank page without JS. I’d like to say that there’s a way back but until the financial and influential models that drive the web change, thats never going to happen

#webdev #html #css #js #javascript

Kawai-Focus 2.2: Python-бинарник в Tauri — проблемы и альтернативы

В данной статье я расскажу, с какими проблемами, связанными с бинарником, столкнулось моё решение при запуске на Arch Linux у моих знакомых, и почему у меня оно работает нормально на Debian 12 и 13. Также я разберу преимущества и недостатки текущей реализации, покажу возможные пути решения и альтернативы, а лучшее решение применю на практике. Я снова попрошу Сергея и Ивана запустить моё приложение на Arch Linux, чтобы проверить его работу. Заваривайте чай, доставайте вкусняшки — пора «удобрять почву для выращивания помидоров»! 🍅

https://habr.com/ru/articles/990784/

#tauri_20 #python3 #js #desctop_приложение #бинарный_файл #rust

Kawai-Focus 2.2: Python-бинарник в Tauri — проблемы и альтернативы

Вступление Всем доброго дня! В предыдущей статье Kawai-Focus 2.1: переезд на новый стек я: Объяснил, почему перехожу с Kivy на новый стек; Перевёл часть кода на новый стек: FastAPI + Vue.js + Tauri +...

Хабр
@technomancy anthing over 1s and/or containing #JS is slow.
PaperCall.io