pablolarah, to CSS
@pablolarah@mastodon.social avatar
minioctt, to programming Italian

Lo dico chiaro e tondo ora, perché a quanto pare il mio pitch veloce di ieri non è entrato bene in testa a molti: si, il #sistemaoperativo che voglio creare è scritto con tecnologie web vanilla (HTML5, CSS, e #JS) e gira interamente nel #browser. Si, è un po’ una #pazzia per la grandezza del mio scopo, ma per favore non stupitevi e non rabbrividite, perché non sono la prima a pensare qualcosa del genere, e anzi, diverse cose sono già state belle che realizzate… 🦷️

Non so in realtà se qualcuno di quegli pseudo-OS #web si avvicina più ad un normale #OS nel modo in cui vorrei fare io, magari dovrei prendermi del tempo per sfogliare (ma mai leggere, non abbiamo così tanto tempo!!!) meglio il loro codice… perché da un lato già sentimenti contrastanti su questa cosa. Potrei forse semplicemente forkare uno di quei robi open-source, e avrei così forse da fare un po’ meno lavoro con un costo minimo di possibilità perse dal punto di vista dell’utilizzo pratico (che poi spiegherò meglio)… però, avrebbe anche un minor valore come lavoro del mio portfolio rispetto a qualcosa di costruito tutto da zero, e fino ad ora in realtà sembra starsi rivelando un grattacapo gradevole, come non avevo granché fatto prima d’ora. 👽️

In realtà finora non c’è nulla di difficile da #programmare, la vera difficoltà sta nel costruire una buona progettazione senza avere nemmeno un briciolo di conoscenza formale sulla teoria dei sistemi operativi, ma solo andando un po’ a sentimento e con le conoscenze collaterali che, da power user di Linux, Windows, Android e tutto quanto da anni, comunque ho indubbiamente accumulato. Perché appunto, non voglio fare uno di quei simulatori che direttamente funzionano con logica di alto livello, ma vorrei tentare di partire da più in basso per… well, creare tutte le astrazioni in modo più ordinato e funzionale, per poter quindi implementare caratteristiche anche più avanzate che altrimenti sarebbero possibili solo con delle hack (ad esempio, come permetti a delle app di mostrare overlay a schermo intero se tutta la tua logica dei processi ruota attorno al dogma che un processo è la sua finestrella nel DOM con il suo tastino in taskbar?). 🧨️

https://octospacc.altervista.org/wp-content/uploads/2024/04/image-6-960x503.pngQuesto è ciò che ho fatto da stamattina ad ora… ho implementato per iniziare giusto un pizzico di logica di eventi, processi, file system, e poi i primissimi passi per il gestore di finestre, in quello che potrebbe tecnicamente essere considerato un #kernel… si, l’ambiente #desktop è praticamente nel kernel al momento (yikes!), ma dovrò pur andare un passo alla volta. Almeno, sto cercando di strutturare il codice in modo modulare, come strati non direttamente dipendenti tra loro, quindi prima o poi dovrebbe essere facile scambiare componenti core del #sistema come pezzettini! Ganzo comunque avere già qualcosa che a video gira, nonostante la strada per la vera funzionalità è ancora lunga. 🙃️https://octospacc.altervista.org/2024/04/22/os-nel-brauser/

#browser #desktop #JS #kernel #OS #pazzia #programmare #sistema #sistemaoperativo #web

premartinpatrick, to Twitch French
@premartinpatrick@mastouille.fr avatar

1 SUB (jusqu'à fin mai 2024) vous donne accès à nos sites pendant une semaine.

C'est l'occasion idéale pour tester nos zones membres, les de / ou en , et la nouvelle à la prise en main de Delphi.

https://zone-abo.fr/journal.php?actu=15&v=5dbfb78ec0

Vous pouvez aussi acheter directement des abonnements de 30, 90, 365 jours ou à vie sur le site (pour une adresse email ou un nom de domaine).

iamdtms, to programming
@iamdtms@mas.to avatar

@media (scripting: none) {  
 ...  
}  
maxiorel, to php Czech
@maxiorel@mastodonczech.cz avatar

Can I... Určitě znáte webovky, které vám odpoví, jestli danou technologii či zápis v CSS podporuje určitá verze webového prohlížeče. Ale takových služeb je více:
https://caniuse.com/ - frontend
https://www.caniemail.com/ - kódování mailů
https://caniphp.com/ - pro PHP

V širším měřítku ještě můžete mrknout:
https://node.green/ - pro JS developery
https://whatwebcando.today/ - co dnes umí weby

#tvorbawebu #php #js #css #frontend

piratenpanda, to php German
@piratenpanda@norden.social avatar

Veggiekarte.de is looking for #php / #html / #js contributors. As I, creator and maintainer, find it more and more difficult to contribute myself, the current burden is currently almost completely on Kristjan. So if you feel like contributing to an opensource project that promotes #openstreetmap and climate friendly diets, please take a look at our issue tracker:
https://codeberg.org/piratenpanda/veggiekarte

I'd also appreciate help in getting weblate and the git functionality up and running.

Thanks for reading!

darkghosthunter, to php
@darkghosthunter@mastodon.social avatar

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

Meyerweb, (edited ) to random
@Meyerweb@mastodon.social avatar

Here’s a question: suppose I have bunch of HTML inputs (dropdowns, sliders, whatever), and I want their values to set the values of #JS variables, both on load and whenever changed. Is there a way to do that in a generic manner short of dumping all the variables into an object so I can use their member names using array-ish syntax, or pushing everything through an eval()? [shudder]

**Edited to add: **I don’t think I got the idea across, so here’s something tangible: https://codepen.io/meyerweb/pen/GRLyZWY

kolya,
@kolya@social.cologne avatar

@joelanman
Sure, if that works for @Meyerweb. I was going strictly by the requirements in his post:
> I want their values to set the values of #JS variables, both on load and whenever changed
@sil

AndriiKuznietsov75, to Java Ukrainian
@AndriiKuznietsov75@social.kyiv.dcomm.net.ua avatar

Як працюють компіляція та виконання коду👇
🔸Компілювані мови (#C, C++, #Go)
Вихідний код перетворюється компілятором на машинний. Машинний код виконується безпосередньо процесором.
🔸Байт-код (#Java, C#)
Вихідний код компілюється у байт-код, а потім JVM виконує програму. Іноді JIT-компілятор компілює вихідний код у машинний, щоб прискорити виконання.
🔸Інтерпретовані мови (#Python, #JS, #Ruby)
Тут для виконання програми не потрібен машинний код, натомість програму рядково виконають інтерпретатори.

video/mp4

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 #JS 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 #WebComponents need to know what’s happening inside of them.

Whether you’re working with the concept of “slots” or just plain ol’ #HTML, 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 #JS frameworks (Stimulus being but one example).

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

#programmazione #js #svelte #dev @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)

#Kitten #SmallWeb #StreamingHTML #accessibility #a11y #html #js #nodeJS #web #dev

schizanon, to node

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 ?

#php #symfony #js

pablolarah, to webdev
@pablolarah@mastodon.social avatar

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

https://github.com/mozilla/readability

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
  • JUstTest
  • ngwrru68w68
  • everett
  • InstantRegret
  • magazineikmin
  • thenastyranch
  • rosin
  • Durango
  • ethstaker
  • Youngstown
  • slotface
  • khanakhh
  • kavyap
  • DreamBathrooms
  • Leos
  • osvaldo12
  • tacticalgear
  • cubers
  • cisconetworking
  • anitta
  • provamag3
  • modclub
  • mdbf
  • GTA5RPClips
  • tester
  • megavids
  • normalnudes
  • lostlight
  • All magazines