kubikpixel, to webdev
@kubikpixel@chaos.social avatar

Oh look, in the future I won't have to worry about the invisibility of dialog boxes on websites because of their overlay.

☝️ Popover API
https://developer.mozilla.org/en-US/docs/Web/API/Popover_API


#webapi #webdev #css #javascript #api #design #html #html5 #visible #popover #webdesign #website #popoverapi #web

minioctt, (edited ) to webdev Italian

Poche ore fa ho scoperto per caso una #stregoneria, una cosa che proprio non immaginavo qualcuno avesse potuto portare alla piattaforma #HTML5, e insomma, non credevo ai miei occhi… poi ho visto che ci sono anche i sorgenti e tutto, e allora ho dovuto crederci per forza. Hanno portato ben 4 versioni di #Minecraft #JavaEdition al #browser. Precisamente, ben 2 release, 1 beta, e 1 alpha, a quanto pare. 😭️

https://octospacc.altervista.org/wp-content/uploads/2024/04/image-5.pngEsatto, non sto parlando tipo delle eventuali ricreazioni sia ufficiali che non di versioni come la classic, ma proprio di quella #Java del #gioco ricompilata con una strana VM verso JS+WASM. Talmente epica come cosa che ho dovuto subito metterla sulla #SalaMuseoGames, avevo immaginato per tanto tempo l’idea di riuscire a far girare queste versioni del gioco come #webapp per alcuni casi d’uso ma zero idee su come anche solo iniziare. Merda è infuocata. https://gamingshitposting.github.io/SalaMuseoGames/2024/04/19/minecraft-java-edition/ ❤️‍🔥️In tutta onestà, non è che giri granché, se sul mio fisso oscilla tra poche decine di FPS nonostante i dettagli tutti al minimo… e neanche a dirlo, ma sul (mio) telefono è inutilizzabile per quanto è lento, tralasciando il fatto che non ha controlli touch. (Ma vabbè, c’è Pojav lì.) Ma probabilmente è la release 1.8.8 (quella caricata sul mio sito) che è particolarmente pesante, le altre tre non le ho ancora provate e dovrei. Però è spacciato come gioco per Chromebook, e io vorrei davvero sapere come può mai girare in modo soddisfacente lì, allora… 👄️ (però comunque, un minimo giocabile lo è)

https://octospacc.altervista.org/2024/04/20/minecrafte-navigato/

#browser #gioco #HTML5 #Java #JavaEdition #Minecraft #SalaMuseoGames #stregoneria #webapp

WoodooProd, to godot French
@WoodooProd@mastodon.cloud avatar

An excellent indie ( Thanks @jake4480 ) that runs on current machines (Windows, Linux, MacOS, & HTML5). Frankly, very good! Good surprise! I would have liked it to be compatible with older machines, but no. Two quality PDF manuals. On my list of favorite Roguelikes! If you like this kind of game: recommended! :0)

The first part..

image/png

WoodooProd,
@WoodooProd@mastodon.cloud avatar
jake4480, to webdev
@jake4480@c.im avatar

Trying out GodoRogue tonight. It's great! You can use the keyboard commands or mouse directly to different locations, how you can see in the screenshot - the yellow line. And you can play this one in-browser. It was made in HTML5!

https://itch.io/queue/c/3248131/in-browser?game_id=959783

jake4480,
@jake4480@c.im avatar

Didn't make it too far in GodoRogue. But decent first run as just a standard default Rodney.

minioctt, to web Italian

https://octospacc.altervista.org/wp-content/uploads/2024/03/image-19.pngPrima che scatti non solo un nuovo giorno ma addirittura il nuovo mese (!), mi sbrigo a scrivere prima che sia troppo tardi per postare il #memino (sarebbe una tragedia)… momento 🅱️uona #Pasqua quindi.Quindi, ora che ho la vostra attenzione: un po’ curioso che avvenga in questa giornata, ma mi era venuta una mezza voglia di far risorgere il sito della #SalaMuseoGames, che per cause di forze maggiori ormai era bello che stagnante. No, in realtà c’è un motivo… collegato alla mia nuovissima micro-fissazione di usare #webapp anche per i giochi su mobile, quando possibile, per tutto quel discorso di non sputtanarmi il telefono pure stavolta. In sostanza:

  • Sarebbe buona cosa impostare sulle pagine del sito, oltre ai #PWA manifest (relativi sia a tutto il #sito, che a singoli #videogiochi ospitati) che è un attimo implementare, anche il classico Service Worker di cache offline (ora che li ho compresi benissimo), così da rendere tutta l’operazione una roba ancora più godibile su #mobile. Possono essere anche fatti piccoli aggiustamenti, del tipo di: il gioco si apre già a tutto schermo quando installato come PWA (invece di far vedere tutte le cose solite della pagina web). 🤖️

  • Giravo un po’ su Appsco.pe per valutare giochini a casaccio, e mi sono accorta che si e no 1/5 di quelli che ho provato ad aprire erano link morti… ecco, per quanto il #web moderno come piattaforma di esecuzione software sia meraviglioso soprattutto per gli utenti, come #piattaforma di distribuzione è veramente fragilissima e, al contrario del classico giochino Windows o Android (o anche Flash…), che (di norma) sai che se ti scarichi il file ce l’hai per sempre, con gli applicativi #HTML5 è un attimo e questi possono sparire nel vuoto (la mia cache offline sul mio singolo telefonino relegata a soltanto il mio #browser ovviamente non conta come #backup). Per qualche motivo (abitudine…) sono finita a caricare solo ROM di vecchie console sul sitarello, anche se il mio intento sarebbe stato quello di mettere potenzialmente qualsiasi cosa, inclusi i #giochi in HTML5; tutto quello che ho messo finora si trova già in millemila romset strapreservati e ben organizzati, quindi con quelli il valore del mio lavoro è giusto il fornirli su una galleria “senza attrito”, ma nulla di estremamente utile, mentre invece con questi altri… 😤️

Vabbé, secondo voi riprenderò in mano la Sala Museo o ricadrà tutto nell'oblio? (Sondaggio anonimo, aprite il link originale al post per votare se leggete da altrove plz)- Riprenderò da ora ma lasciando un buco di quei 2 mesi inattivi

  • Riprenderò recuperando anche i 2 mesi di giochi arretrati
  • L'oblio.

javascript:void(0);

Poll Options are limited because JavaScript is disabled in your browser.https://octospacc.altervista.org/wp-admin/options-general.php?page=democracy-poll&edit_poll=3

https://octospacc.altervista.org/2024/03/31/3844/

#backup #browser #giochi #HTML5 #memino #mobile #Pasqua #piattaforma #PWA #SalaMuseoGames #sito #videogiochi #web #webapp

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

Just updated the video on my Streaming HTML article so it’s no longer using Vimeo’s video player (which has tracking) but a simple video tag.

https://ar.al/2024/03/08/streaming-html/

(Sorry it took a little while, it involves a bit more work – but not much more – than simply copying the embed code over.)

PS. Would anyone be interested in a little write-up of how to embed Vimeo videos without their player/tracking but still keeping the closed captions?

statuslink, to internet
statuslink avatar

Sticky Thing Interactive experiment for desktop and mobiles. Click and drag, move and throw. Post-its are versatile and can be used in various settings for various purposes. They are commonly used in classrooms and workplaces but can also be found in art, media, and social media. Post-its have also been used as tools for public engagement and persuasion - http://statusl.ink/stickythinghttpswwwspielzeugzdeh-1040.htm

shom, to accessibility
@shom@fosstodon.org avatar

friends, I need some guidance.

I tried adding video alt-text on my website [1], but apparently HTML5 <video> doesn't support the alt attribute. @mozilla docs [2] suggests adding text-tracks, so I added a VTT file for closed captioning, that feels hacky.

Is this really the best option or are there better ways? My video doesn't have a voice track, it's better described with alt-text.

[1] https://shom.dev/posts/20240204_filmposter-with-gum-hugo-photo-post-bliss/
[2] https://developer.mozilla.org/en-US/docs/Learn/Accessibility/Multimedia#video_text_tracks

flavorjones, to webdev
@flavorjones@ruby.social avatar

a banger of a proposal for the HTML spec:

an HTML Attribute to state non-consent when scraping for training datasets.

https://github.com/whatwg/html/issues/10101

minioctt, to android Italian

[⤴️ https://octospacc.altervista.org/2024/01/17/overlay-webview-su-android-a-scopi-ricreativi/]

Alla fine, ho sistemato quell’ (e l’ho caricata), quindi ora sul vecchio ho sempre a fare da , ma in più ho questo in primo piano: a tutti gli effetti un totalmente funzionante eccetto per il non essere cliccabile, che mi riproduce qualsiasi cosa io voglia. 🤭️

Vorrei metterci un qualche orologio con del , magari qualcosa 8-bit come il Game & Watch di Nintendo, ma ahimè non so se riesco a trovare qualche robo già fatto che giri in . Quindi, per ora, ho messo semplicemente la di , e almeno adesso ho qualcosa di meglio di una noiosa semivuota. Fa parte di questa , comunque, ossia una ricreazione in puro di quella di , che ad oggi fanno molto : https://www.bryanbraun.com/after-dark-css/. 💌️

Ecco i volanti sul mio tutto , sotto c’è il touchpad attivo che funge.Tbh, ogni volta che in qualche modo riesco a rimettere in circolazione degli screensaver su un dei miei, penso che il è diventato proprio . Solo perché non sono stati più necessari, ecco che i sono spariti. Spero che prima o poi torneranno come lo erano un tempo, e che le generazioni correnti e future possano ricominciare ad apprezzarli. Ho visto questo (sotto) su , che mostra come ha dimostrato che al generico gli screensaver piacciono… quindi potremmo bene farli tornare. Per favore. Voglio. Ormai su molti ambienti utente o sistemi operativi non sono nemmeno più supportati in modo adeguato, e questa cosa fa schifo perché metterli significa avere un’ peggiore di cosa si aveva 20 fa… 🙏️

https://www.youtube.com/watch?v=ShF16QeRtE0https://octospacc.altervista.org/2024/01/19/pensando-a-screensaverini-sotto-le-ditina/

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

🧵 …I am always amazed at how some customers complain about the and of the behavior of their . However, more often than not, they have used purchased functions and have declared most as <div> and not instructed clear. You can solve so much with and not necessarily with JavaScript - once with modern professionals 🙄

📎 CSS Pseudo-classes
https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes

SirTapTap, to newgrounds
@SirTapTap@mastodon.social avatar

Hey game fans, turns out supports playlists!
If you want to see me stream a Flash game or series of games, put together a quick playlist, let me know why I'd like it, and how long the game is (I stream 2 hours max usually)
Games can be classic, new, so-bad-they're-good, almost anything as long as they're themed well together and fun!

Best way to send me a playlist is through this form:

https://docs.google.com/forms/d/e/1FAIpQLSfK8wCzSYmdaYj7jkuIijVxi4wiGNTr0kaC-mevD3zzc-yfeA/viewform?usp=sf_link

evi, to webdev
@evi@meow.social avatar

remake of the Lode Runner by Doug Smith https://loderunnerwebgame.com/game/

maxleibman, to aitools
@maxleibman@mastodon.social avatar

Google wants to make it harder to block ads. Thought experiment:

If, instead of ad blocking per se, we used browser extensions that blocked all tracking, prevented execution of arbitrary code, and made fingerprinting devices impossible, but also left all ad content visible, would Google (and the rest of their industry) still be opposed?

The answer tells you everything you need to know about why it is moral and ethical to use ad blockers.

vruz,
@vruz@mastodon.social avatar

@maxleibman

We used to have this, when most ads used to be displayed as an <OBJECT> element, which was diligently eliminated by the WHATWG when they were drafting HTML 5. Before you could easily block any <OBJECT>.

It was easy to see then, as it is easy to see now, that HTML5 wasn't 100% driven by the lofty goals invoked at the time, even if upright individuals did great work as part of it, that was certainly not the primary goal of the companies that sponsored the work of the .

eloquence, to random
@eloquence@social.coop avatar

This is a big deal:

The W3C, founded in 1994 by web inventor Tim Berners-Lee, has quit X and declared the fediverse to be their primary social media channel. Follow them at: @w3c

The future of the open web is .. the open web.

mima,

@fluepke has pretty much become a rubberstamp for the -led cartel that is the . An organization that doesn't give smaller browsers like , , and a voice in the writing of specs for web standards like and does not deserve support, and should not be seen as an ally of the .

@eloquence

esm, to random
@esm@wetdry.world avatar

I THINK THE MATRIX CHAT PROTOCOL SUCKS

kkarhan,
@kkarhan@mstdn.social avatar

@hexaheximal @esm @hexaheximal ...and even if we think local are a legitimate way to handle sensitive comms - they ain't but let's just assume they are for the sake of argument - WHY would you do anything beyond a .desktop file that includes startup parameters for (or even if you're that kind of Cyber-Masochist!) that specify the browser, and the file to load.

Because any good should be reduceable as + + and measured in kB or maybe a few MB.

schizanon, to webdev
@schizanon@mas.to avatar

Google released in 2011 as a way of fixing a very specific problem:

> How do we build Google Meet?

Back then, the web was a very different place. Flash was the only way to do live media and it was a mess. was primarily for pre-recorded content.

https://quic.video/blog/replacing-webrtc/

Luke, to CSS
@Luke@typo.social avatar
seedy, to webdev

I now have a membership tier on my Ko-fi! Have you always wanted your own based ? Access to exciting, moving, heart warming poems and short stories? What about 320Kbps and versions of my ring tones and UI notification sounds? Personal shoutouts and reviews? Well, for as little as just over a tenner a month, you'll get all these perks and more when you become a fireseeder!
By becoming a fireseeder, you're not only getting access to awesome benefits like those listed above, but you're helping to support a funny, loving, kind hearted who loves nothing more than being a technology geek and helping others in any way he can, be it through content creation, tech support, or the simple act of being there for someone in need.
https://ko-fi.com/seedythreesixty

J12t, to webdev
@J12t@social.coop avatar

What’s the most compelling use of HTML 5 custom tags that you’ve seen?

(Other than A-Frame, that one is really good but quite special purpose.)

Edent, (edited ) to webdev
@Edent@mastodon.social avatar

🆕 blog! “How to check something isn't an email address?”

In web-development circles, it is a well-known fact that trying to validate an email using a regular expression is… complex. The full set of modern email standards allows for such wonderful addresses as: chief.o'brien+ds9@spásárthach.भारत So determining whether or not your user has entered a valid …

👀 Read more: https://shkspr.mobi/blog/2023/09/how-to-check-something-isnt-an-email-address/

krinkle, (edited ) to webdev
@krinkle@fosstodon.org avatar

"Google Sites" now supports embedding images.

What you want: <img style="margin: 0 auto;">

What you get:

  • ~100 HTML elements, including 57 unique CSS class names across 83 attributes, 30 hidden DIVs, 3 iframes, 2 external script tags, 2 inline script tags, and 1 actual <img> tag.
  • the <img> is inside an iframe, nested 3 (!) levels of iframes deep.
  • an image cut off in both X and Y directions.
  • not one, but two unwanted scrollbars.

tef, to random
@tef@mastodon.social avatar

that "every program expands until it can read mail" feels outdated now when every program starts off as a fully fledged web browser

and then they remove history, bookmarks, the back button, inspect, view source, plugins, user scripts

and then you get mail i guess but god help you if you want to sort it in reverse

kkarhan,
@kkarhan@mstdn.social avatar

@tef I think intead of shitty / / we should've gone with where everything is just an Website...

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