Am Samstag, #B2604, demonstrierten in #Berlin #Nazis und #Querdenken zusammen. Anlass waren Bundesweite Demos für geschlossene Grenzen.

An der Demo nahmen in der Spitze maximal 250 Personen teil, der Großteil davon junge Nazis von #DJV und #JS

Durch Proteste wurde der Aufzug immer wieder kurz unterbrochen.

https://flickr.com/photos/fotoservicepdm/albums/72177720325602646

If you are into #webdev for a long time you probably know this already, but if you are a newcomer there is a chance that you might not be aware so...

Let there be known that #jQuery is still king https://w3techs.com/technologies/overview/javascript_library

(this is not a trash post on [insert your favorite #js framework here] it is just a data supported statement)

Dans cette vidéo, découvrez comment #publier une #application web #statique (#HTML, #CSS, #JS) sur la #Forge des communs numériques éducatifs #LaForgeEdu, sans serveur (ni PHP, ni Node).

À partir d’un modèle de site simple disponible sur la Forge.

https://tube-sciences-technologies.apps.education.fr/w/3ad1PETV3uvkjpzKCHGfQ7

Nous verrons comment :
- #bifurquer le dépôt vers son propre espace,
- personnaliser le titre et les paramètres du projet,
- remplacer les fichiers du modèle par ceux de son application,
- effectuer un commit,
- activer la publication dans l’onglet "Pages" pour générer un lien public simplifié.

Un tutoriel pas-à-pas pour mettre rapidement en ligne ses propres ressources pédagogiques.

This month's performance hero is a person after my own heart – someone who is passionate about building a secure, accessible, performant web for EVERYONE, and who always leads with a deep compassion for users. Let's all join in celebrating Alex Russell (@slightlyoff)!

https://www.speedcurve.com/blog/performance-hero-alex-russell/

TIL the innerText property represents the *rendered* text, not the actual text in the DOM - for that you need textContent. So if you've uppercased your content with #CSS it will also be uppercase.

I just spent way too long debugging why the #Shopify predictive search breaks if I update the styling of the search button!

A Little Loopy - Arrays, Loops, forEach, some, for...of, for - FrontEnd Engineering Explained #js

https://www.youtube.com/watch?v=3gGthefMC58

Folks who #website: I'm trying to create a slice'n'dice-able #data #table -- somewhat like https://instances.vantage.sh/ with the per-column client-side search/constraint/etc. FWIW my data's a discrete JSON file.

I'm allergic to JavaScript insofar as I have zero idea what I'm doing with it (and *can't* do anything with it, myself) but will happily copy'n'paste it as needed.

Got any pointers? #websites #HTML #datadriven #javascript #js #webdev #WebDesign #WebDevelopment #dataviz

Parallax layers

A subtle shift across 13 layers kept within a frame on the page.

CodePen: https://codepen.io/HejChristian/full/ZYEqoXd

Se ois kuulkaas rekryhommat auki Fennoalla.

Etsin softatiimiini kahta hyvää tyyppiä, 1x mid- ja 1x senior-devaajaa. Perustaitoina tulisi olla PHP ja JS, mutta erityisesti sennun kohdalla kaipaan taitoja myös siitä koodin yläpuolelta. Sisartiimiin etsitään myös yhtä senior-devaajaa.

1/4

(Kaikki buustaukset tervetulleita!)

So I should re #introduce myself; used to host my own instance at artemai when that was a thing; decided to get back on Mastodon again because the rest of social is a dumpsterfire.

I'm a #UNIX sysadm originally (from the late 90s) but started using #Linux in 91, bringing early dialup internet to #Newcastle with community group hunter #apana.

I'm a #coder, #python is the go-to language these days, some #js but plenty of #C and some #golang too.

Ten years ago I landed in #liveevents and #visionswitch / #camera #direct #sports presentation in major #stadiums along with building software for data-driven #content for use in those environments.

I'm a #ham radio operator. Callsign VK2WAY. I'm mostly interested in signals processing and digital communications.

I used to officiate #RollerDerby but have streamed it since 2014 as Downunder Derby TV. I still manage socials for and help co-ordinate Queer Roller Derby - @queerderby.

I'm #queer #pansexual #poly #nonbinary and use they/them pronouns.

New Kitten release

• Now leaves <style> tags within <template> tags alone when collating and normalising the CSS on a page so as not to interfere with scoped styles in declarative shadow DOM.

(Kitten’s Streaming HTML workflow¹ – which uses htmx and WebSockets under the hood – combined with built-in support for slots, etc., in Kitten components² means the use of declarative shadow DOM is mostly useful if you want scoped styles. Ideally, of course, use classes to scope styles to your components and be specific in your CSS selectors in general so as not to pollute elements in your components. Although that’s a bit like saying you should floss everyday. Yeah, we all know we should…) :)

Update: All that said, I’d highly recommend you don’t use Shadow DOM in your Kitten apps. For one thing, htmx’s WebSocket extension doesn’t seem to play well with it. And for another, you really don’t need it and definitely not just to get scoped CSS.

Enjoy!

¹ https://kitten.small-web.org/tutorials/streaming-html/
² https://kitten.small-web.org/tutorials/components-and-fragments/

Made this a couple of years ago on @codepen but for some reason never shared it: a hopefully accessible base for a smooth elastic dropdown https://codepen.io/thebabydino/pen/qBJENKM

Based on a thing at a now dead link which did something of the kind with a huge div soup.

Someone hearted this button ripple effect demo on @codepen (coded about half a decade ago) and made me notice it still said "only works in Chromium" - as of last summer, it's cross-browser!

https://codepen.io/thebabydino/pen/LYZpEVy

JS is everywhere, whether you like it or not
#js #javascript #coding #programming #meme #funny

New Kitten release

• Socket routes now have precendence in the router.

This stops wildcard page routes from capturing the default socket routes that Kitten creates to enable the Streaming HTML workflow.

e.g., Previously, the following route:

/videos/index_[slug].page.js

Could not connect to its default socket (/videos/default.socket) because default.socket would be captured by the [slug] parameter.

Now, it will work as intended as the /videos/default.socket (a socket route) has precendence over index_[slug].page.js (a page route).

Learn more about Kitten’s Streaming HTML workflow here:
https://kitten.small-web.org/tutorials/streaming-html/

Enjoy!

Is there any way in HTML / JavaScript to configure the language of native form validation messages?

The browser (at least my Firefox) seems to display the labels in the preferred language that I configured in the settings, but on some website I might have configured another language at the website level (different from my Accept-Language header), and it looks super weird to have a webpage in French but form validation messages in English.

--- NEW BLOG POST ---

In defense of the for...of loop

Despite its introduction in ES2015 and implementation in all browsers over 8.5 years ago, I still see .forEach used in favor of the modern for...of loop. [...]

https://www.wavebeem.com/blog/2025/js-for-of-loop/