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

#roguelike #roguelikes #HTML5 #rogue #Godot #GodoRogue #IndieGames #HTML #ItchGames #DungeonCrawlers

jake4480,
@jake4480@c.im avatar

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

Edent, to webdev
@Edent@mastodon.social avatar

🆕 blog! “Can this device make a phone call?”

I want to detect if a web browser is running on a device which is capable of placing a telephone call. Is that possible? I'm going to go with a cautious "no - not quite". Although there are several proxies which get you part of the way there. Here's a link to a telephone number […]

👀 Read more: https://shkspr.mobi/blog/2023/06/can-this-device-make-a-phone-call/

Edent, to accessibility
@Edent@mastodon.social avatar

🆕 blog! “This link is only available by keyboard navigation”

There's a link, right here ➡️⬅️ but, if you're on a touchscreen, you can't tap on it. Using a mouse? Nope, that won't work either. The only way to navigate to it is via keyboard navigation. Hit your Tab ⭾ button! There's a little bit of me wants to build an entire website which can […]

👀 Read more: https://shkspr.mobi/blog/2023/07/this-link-is-only-available-by-keyboard-navigation/

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

Edent, to webdev Danish
@Edent@mastodon.social avatar
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

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?

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/

amberage, to javascript
@amberage@eldritch.cafe avatar

doesn't have any customisable dialog boxes, so you have always had to build your own. Since , there's the dialog element for that, which is neat, but comes with the additional problem of not blocking execution until it's closed.

So now I, wanting to replace a confirm call with a custom dialog, have to figure out how to halt my script until the dialog has been closed, and ahhhhh!!!

I tried creating a new Promise object, calling await myPromise, and resolving that promise with the dialog's OK button, but that failed because the promise doesn't have a built-in resolve function (how could it, it's supposed to be resolved externally).

AHHHHH!!!!!!

Why the fuck does JavaScript not have a proper waitUntil function? Now I have to do it dirty with while(!checkOpen(myDialog)) { }, which is just nasty.

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.

#enshittification #webperf #SemanticHTML #html5 #HTML

Edent, to accessibility
@Edent@mastodon.social avatar

🆕 blog! “I think I kind of hate lazy loading”

Yesterday I was on a train. I clicked on a link and my browser loaded a long article for me to read. Halfway through reading it, the train went into a tunnel and I lost signal. That meant I couldn't see the images on the other half of the page for the rest of the […]

👀 Read more: https://shkspr.mobi/blog/2023/09/i-think-i-kind-of-hate-lazy-loading/

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
TheRealPomax, to webdev
@TheRealPomax@mastodon.social avatar
Edent, to webdev
@Edent@mastodon.social avatar
Edent, to webdev
@Edent@mastodon.social avatar

🆕 blog! “Does AI mean we don't need the Semantic Web?”

If you hang around with computerists long enough, they start talking about the Semantic Web. If you can represent human knowledge in a way that's easy for computers to understand it will be transformative for information processing. But computers, traditionally, haven't been very good at parsing ambiguous …

👀 Read more: https://shkspr.mobi/blog/2023/05/does-ai-mean-we-dont-need-the-semantic-web/

.org

Edent, to CSS
@Edent@mastodon.social avatar

-webkit-text-stroke and emoji

The CSS property -webkit-text-stroke is a curious beastie.

MDN gives a big scary warning saying "Non-standard: This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web."

And yet, it works everywhere. All modern browsers support it. Except on Emoji.

Here's how it work. -webkit-text-stroke: pink 1px; draws a pin

https://shkspr.mobi/blog/2021/09/webkit-text-stroke-and-emoji/

#/etc/

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/

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

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

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 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

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


minioctt, (edited ) to webdev Italian

Poche ore fa ho scoperto per caso una , una cosa che proprio non immaginavo qualcuno avesse potuto portare alla piattaforma , 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 al . 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 del ricompilata con una strana VM verso JS+WASM. Talmente epica come cosa che ho dovuto subito metterla sulla , avevo immaginato per tanto tempo l’idea di riuscire a far girare queste versioni del gioco come 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/

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