Jbasoo, to programming
@Jbasoo@mastodon.social avatar

I just want to buy a bath mat from a major UK retailer but half the elements won't hydrate, including the add to cart button. Excessive was a mistake we just won't stop making.

iamdtms, (edited ) to javascript
@iamdtms@mas.to avatar
Simply DOM Preloader for not having issues with data loading delays  

https://codepen.io/iamdtms/pen/NWmgdmm

mrnhmath, to programming
@mrnhmath@mastodon.social avatar

Friendly reminder that XULRunner, the standalone Gecko runtime that once powered web-based applications like Songbird and that was abandoned by Mozilla Corporation has been revived and now builds atop Goanna. Learn more at the Pale Moon forums announcement: https://forum.palemoon.org/viewtopic.php?f=62&t=30913

CoBC, to cpp French

Si vous connaissez quelqu'un qui connaît quelqu'un qui a son oncle qui connaît quelqu'un dont le voisin recherche quelqu'un pour un poste de développeur soit web soit c++ (+ Qt éventuellement) je suis preneur. Boosts appréciés
#C++ #C

vanilla, to webdev
@vanilla@social.spicyweb.dev avatar

Sometimes need to know what’s happening inside of them.

Whether you’re working with the concept of “slots” or just plain ol’ , you may need to react to changes imposed from without.

Thankfully, the native platform provides a solution in the form of MutationObserver, an API which is so powerful it can beat at the heart of entire frameworks (Stimulus being but one example).

examples by @raymondcamden and @jaredwhite:

https://thathtml.blog/2024/03/more-fun-with-web-components-and-mutationobserver/

alephoto85, to javascript Italian
@alephoto85@livellosegreto.it avatar

WinterJS 1.0 · Blog · Wasmer

@programmazione

"WinterJS 1.0 è finalmente arrivato.

WinterJS è un runtime Javascript incredibilmente veloce, compatibile con WinterCG e scritto in Rust, che utilizza il motore SpiderMonkey per eseguire JavaScript e Tokio per gestire le richieste HTTP e il ciclo di eventi JS. Il runtime WinterJS può anche essere compilato in WebAssembly e come tale è il primo runtime[...]"

https://wasmer.io/posts/winterjs-v1

aral, to javascript
@aral@mastodon.ar.al avatar

Hey folks, I just released Auto Encrypt Localhost* v8.4.0 with better async support and updated dependencies.

https://www.npmjs.com/package/@small-tech/auto-encrypt-localhost

  • My pure JavaScript module (no mkcert, certutil, etc., required) that automatically provisions and installs locally-trusted TLS certificates for Node.js https servers.

(There seems to be an issue with tests failing on macOS, will debug that tomorrow and likely post a patch release.)

aral,
@aral@mastodon.ar.al avatar

Quick update: the failing tests were apparently because I had my VPN on on macOS (that was creating an additional IPv4 interface that was getting picked up by the tests that check that your server is accessible via a valid TLS certificate from all available local IPs).

So no patch necessary :)

alephoto85, (edited ) to programming Italian
@alephoto85@livellosegreto.it avatar

[Tutorial] Introduzione/Benvenutə in Svelte

@programmazione

Svelte è uno strumento per la costruzione di applicazioni web. Come altri framework per interfacce utente, consente di costruire l'applicazione in modo dichiarativo con componenti che combinano markup, stili e comportamenti.
Questi componenti sono compilati in piccoli ed efficienti moduli JS che eliminano il sovraccarico tradizionalmente associato ai framework UI.

@vikkio 🙏

https://learn.svelte.dev/tutorial/welcome-to-svelte

aral, (edited ) to SmallWeb
@aral@mastodon.ar.al avatar

Recorded the first video with my new setup last night, about Kitten’s new Streaming HTML workflow.

(And, unlike most quick demos, it doesn’t ignore accessibility.)

It’ll be part of a long blog post dissecting exactly how it works, step by step.

Here’s a little peek before that.

Let me know what you think :)

:kitten: 💕

https://vimeo.com/920601063

(You can install Kitten and play along: https://codeberg.org/kitten/app#getting-started)

schizanon, to node
@schizanon@mas.to avatar

Node.js now has a built-in API for styling text

(similar to chalk, picocolors, etc)

https://nodejs.org/docs/latest/api/util.html#utilstyletextformat-text

shino, to php French
@shino@shelter.moe avatar

Dites-moi les developpeur PHP symfony et ceux qui font un peu de JS aussi.

J'ai mon serveur PHP qui me renvoie un JWT quand c'est correct.

J'ai lu qu'une bonne pratique consistait à envoyer le ou les tokens dans un cookies avec le secure à true. Seulement, j'en fait quoi moi après côté font en SvelteJS ?

pablolarah, to webdev
@pablolarah@mastodon.social avatar

🦊 Readability.js
by @mozilla
A standalone version of the readability library used for Firefox Reader View.
#Reader #webdev #js

https://github.com/mozilla/readability

nosherwan, (edited ) to javascript
@nosherwan@fosstodon.org avatar

:nodejs: :javascript: :typescript:

State of JS Runtime

I suggest we have a new survey similar to state of JS called state of JS runtime, to get an idea of which runtimes are most popular in the industry & what are they being used for. (its merely a question in StateOfJS)






🙋🏽‍♀️
Which runtime do you use & for what purpose?

m3tti, to webdev German
@m3tti@functional.cafe avatar

there is a big diffrence in software engineering and programming

reconbot, to javascript
@reconbot@toot.cafe avatar

Execa scripts are cool af https://github.com/sindresorhus/execa/blob/HEAD/docs/scripts.md

It abuses template functions to make shit like this work

await $echo foo

I love it!

thopan, to linux German
@thopan@norden.social avatar

Welchen mit nutzt ihr unter , um , , , zu erstellen/bearbeiten?

Gerne teilen, danke euch.

minioctt, to programming Italian

Mm, comunque, quella mia particolare idea per sviluppare app web di 3 settimane fa (già volate?) alla fine è stata buona, penso (raro avvenimento). A parte che già l’avevo implementata nel codice di , che quindi aveva iniziato a fungere sia lato client che server da uno stesso file identico, l’altro dì ho separato buona parte di quel codice specifico in una libreria apposita della mia “collezione . 🫣

Usciranno minuzie da sistemare poi, ma il grosso funziona, nella repo c’è anche un di esempio che la usa per chi vuole fare le mie stesse cose poco ortodosse. Ma comunque la sto già usando per tentare di tirare su una prima versione MVP di quel motore di ricerca bizantino che tanto vorrei avere… non tanto perché credo che possa mai funzionare lato client senza un centralizzato, ma più che altro perché non se fai finta che non avrai mai bisogno di riciclare del dato , puntualmente una situazione uscirà e allora si finirà per piangere. 😠

https://octospacc.altervista.org/wp-content/uploads/2024/02/screenshot_20240226-165658_system_ui_1249140357565860738-677x1440.pngChe poi, io il proxy mini per WordPress l’ho creato inizialmente con l’intento di usarlo per pubblicare schermate dei giochi dal 3DS… ma non gioco mai con intento, solo un po’ così nei momenti di poco flusso in cui comunque non starei facendo cose più attive, ma proprio niente. Sono schiava del e ora vivo solo per quello senza trovare piacere nemmeno nei videogiochi, ciò fa assolutamente molto riflettere sugli interessi delle big tech e la cultura della dopamina, attenzione che i poteri forti vi tengono appiccicati ai loro prodotti. 🥹https://octospacc.altervista.org/2024/02/26/spac-web-semper-ovunquer/

m3tti, to webdev German
@m3tti@functional.cafe avatar

How do you define simplicity in code?

kubikpixel, to javascript
@kubikpixel@chaos.social avatar

«JavaScript Bloat in 2024»
– by @nikitonsky

Fast Internet is not really available these days. Not because of the connection, but because of the excessive data flow and JavaScript application on the pages. In my opinion, this is often too much of a good thing.

☝️ https://tonsky.me/blog/js-bloat/

aral, to macos
@aral@mastodon.ar.al avatar

If you were playing with Kitten¹ on macOS and noticed that live reloads were broken², they’ve now been fixed.

(Thanks to @laura running into the issue today.)

Run:

kitten update

To update to the latest version.

¹ https://codeberg.org/kitten/app

² Moral of the story: don’t define functions inside conditionals in JavaScript or you’ll run into cross-browser scope inconsistencies when the function is hoisted. Chrome and Firefox do it one way, Safari another.

eric, to webdev
@eric@social.coop avatar
eric,
@eric@social.coop avatar

Here is a measure of how much developers choose to make browsers work (to parse, keep in memory, execute):
JavaScript download (all caching disabled, aka. cold load):
0.2 MB – Wikipedia
0.4 MB – Mastodon
1.4 MB – PornHub
3 MB – Medium
7 MB – Airbnb
10 MB – Pinterest
11 MB – Patreon
12 MB – Youtube
16 MB – Instagram
20 MB – Gmail
31 MB – Linkedin
55 MB – Slack

Some details are here: https://tonsky.me/blog/js-bloat/

davidbisset, to javascript
@davidbisset@phpc.social avatar

Observe.js is a "lightweight library that allows developers to keep track of changes to JavaScript objects and/or DOM elements."

https://github.com/williamtroup/Observe.js

Setok,
@Setok@attractive.space avatar

@davidbisset very interesting library. I’ve been wanting to observe objects with my own lightweight we framework (https://chiselapp.com/user/Setok/repository/storkCore/home) but at the time I couldn’t find a mechanism in to detect property changes or detect calls. Do you know how they managed that?

kubikpixel, to webdev
@kubikpixel@chaos.social avatar

I don't understand why some "professionals" often use only ready-made libraries for website design. No, not everything is easy but, for example, creating so that users can see how they lead outside the is standard in my opinion.

I have illustrated it for clarification. You can of course change the 's to other UTF-8 characters or position according to the desired ;)

kubikpixel,
@kubikpixel@chaos.social avatar

🧵 …another CSS webdesign solution:
Let's see if I can find a solution that works without JavaScript but I doubt that I will find out that it is not possible.

«Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript»
– on @smashingmag

📎 https://www.smashingmagazine.com/2024/03/setting-persisting-color-scheme-preferences-css-javascript/

  • All
  • Subscribed
  • Moderated
  • Favorites
  • anitta
  • rosin
  • InstantRegret
  • ethstaker
  • DreamBathrooms
  • mdbf
  • magazineikmin
  • thenastyranch
  • Youngstown
  • GTA5RPClips
  • slotface
  • Durango
  • khanakhh
  • kavyap
  • megavids
  • everett
  • vwfavf
  • Leos
  • osvaldo12
  • cisconetworking
  • cubers
  • modclub
  • ngwrru68w68
  • tacticalgear
  • provamag3
  • normalnudes
  • tester
  • JUstTest
  • All magazines