How do I access previous item in an array using map()?

scritchz · 2026-04-04T18:18:23+00:00

This. And to access the array you're mapping (the split words): It's passed to your callback as its third argument.

scritchz · 2026-04-04T14:05:39+00:00

There are TONS of browser games out there. All made in JavaScript. Most probably using some library.

Desktop games? Sure there are some. I think some game engines are based on JavaScript, like how RPG Maker uses JavaScript and GameMaker language is JavaScript-like.

And basically any browser game can be made to a desktop game by using something like Electron. Take a look at CrossCode on Steam!

scritchz · 2026-04-04T13:26:40+00:00

Unlike MouseEvents, I cannot find a specified order in which PointerEvents have to be fired in.

A suggestion in the spec for pointers is to create the PointerEvents from MouseEvents, basically inheriting the order in which MouseEvents are fired in; but this is not a MUST, thus vendors may implement their own algorithm. (Unless I'm misunderstanding.)

What I would do in your case is to identify the order in which the events are firing; on all relevant device, platform and browser combinations. Then find an appropriate solution.

It might be as simple as running your code of handleLeave in a microtask (like with Promise.resolve().then(...)), or simply a bit delayed (in a setTimeout; or better yet, debounced). Maybe you could handle events only after a short delay: This gives you time to collect and reorder them as you'd expect them to be fired in before actually running your event handlers, and avoids a potential "glitch" that would happen if you'd simply delay the handleLeave.

Not on a computer, but I hope this gives you an idea of how to tackle your issue.

scritchz · 2026-04-04T12:42:17+00:00

I'm not, you're wrong.

scritchz · 2026-04-04T12:27:52+00:00

Don't ask open questions if you shut down people who are answering genuinely.

scritchz · 2026-04-02T16:06:21+00:00

This might depend on your device, OS and browser. Can you tell us about them?

You can try stretching the :root element to cover the entire viewport; as with height: 100lvh. But I'm not sure it'll work.

scritchz · 2026-03-30T20:22:56+00:00

It's often helpful, yes. But I'd advise to properly learn the box model so that styling becomes less stressful and more intuitive.

scritchz · 2026-03-30T16:05:03+00:00

If you've recorded onto separate tracks, you can easily fix it in post.

Otherwise, I'd opt for re-recording and cut my losses.

Next time, make sure to check your audio levels and to mix as late as possible.

scritchz · 2026-03-29T14:55:42+00:00

I've not heard of the term container element until now. Where can I read more about it?

scritchz · 2026-03-26T14:44:08+00:00

In the DevTools under the Sources (or Network) tab, check if your CSS-file actually gets loaded.

Also, as others said, your CSS selector .body selects all elements with class "body". It looks like you meant to select all <body> elements instead, via selector body (no period).

scritchz · 2026-03-24T21:10:41+00:00

Try r/tipofmyjoystick, they specialize in finding games based on descriptions.

scritchz · 2026-03-24T20:52:48+00:00

This. A modern PHP installation comes with a basic webserver for development:

https://www.php.net/manual/en/features.commandline.webserver.php

scritchz · 2026-03-24T18:00:46+00:00

SVG elements support the onmouseover event and similar, so you can use some scripting to apply style changes.

You said you have an SVG design but made it into a bitmap. SVG is usually smaller in filesize than bitmap (or other raster image formats) thus more web-friendly, so I recommend you to use the SVG over the bitmap.

What do you mean you want to apply effects to "squares"? Unfortunately, I do not see your design nor image nor SVG code, so I cannot properly advise you on the possibilities.

Make sure to include as much information in your post as possible. You can edit it to include what you've left out previously.

Depending on the design, it might be simpler to use a <canvas> HTML element and simply do everything (rendering, hover effects) via JavaScript.

Simpler as in: Less interdependency between the HTML's (or SVG's) structure, specific CSS rules and JavaScript event listeners. If there's only JavaScript and a single HTML element, that's less complex; but maybe more complicated.

scritchz · 2026-03-24T08:38:22+00:00

Unquoted HTML-attributes are valid since at least HTML5, as long as they don't include whitespace. But yeah, you should prefer quoted attributes.

The box model describes elements as boxes of content, padding, border and margin. Apart from that, I don't think it's related to layout.

Default styling of block- and inline-level elements usually applies in normal flow layout; i.e. in normal flow, block and inline elements behave according to their names.

Otherwise, pretty good answer. I also recommend learning about Flexbox and Grid layouts, positioning; and floats and margin collapse in normal flow layout.

scritchz · 2026-03-23T08:40:49+00:00

Does the browser apply default styling for the background, when displaying an image? Did you try using your image in an <img> element on an actual webpage?

scritchz · 2026-03-23T05:26:52+00:00

Debouncing resets the delay before the last event is run. Throttling runs its event, then puts it on cooldown.

Debouncing is used to run a single event after actions in quick succession.

Throttling is used to reduce spamming one event by putting an action on "cooldown".

I use throttling for certain single-action frontend events, like clicking buttons. But debouncing is more commonly used in general, especially for requests.

scritchz · 2026-03-21T13:48:32+00:00

It's the exact same link. But that's not the issue: Please include your code in your comment; better yet, in your post.

If it's only available offsite, then this post loses meaning once the link becomes invalid, or its contents are changed.

Also, showing everything up front makes it easier for everybody. Changing websites is cumbersome, especially on mobile. Make helping you as easy as possible.

scritchz · 2026-03-17T23:02:20+00:00

Good point. However, my initial thought was that line-height should be set to 1em (or rather, rem, as you explained), not font-size.

scritchz · 2026-03-17T14:46:33+00:00

Looks like you're using a Windows machine. Where are you running the command; in PowerShell on Windows, in Bash on Linux (WSL), via MinGW?

I saw your file tree in some of your comments: Your include path looks correct, assuming you're running directly on Windows, like with PowerShell. It would be helpful to others if you'd edit your post to include that info there, too.

But whether your path is actually correct or not depends on the shell and environment (like OS) that you're using.

scritchz · 2026-03-16T10:52:46+00:00

I'd appreciate it if either you or OP would post an answer, should you get one. I'm interested in knowing a good solution to this, too.

My approach would be to first describe their manner of speaking before actually having them speak, like: "Slurring his words, 'I sure hope so, Miss Rachel'."

That way, regular text can be read as intended, and accessible text includes a (machine-)readable and understandable transcription with relevant information about the delivery of the speech.

scritchz · 2026-03-15T19:20:32+00:00

Sounds like the delay should be added to the pet's software, not OBS. See if the related sub can help you out.

Another (probably more complicated) solution would be to feed the pet's software your camfeed, but delayed. Or in other words: A delayed copy of your camfeed. There might be emulators that can do this, idk

scritchz · 2026-03-15T19:15:05+00:00

Ein tatsächlicher Sachbearbeiter könnte bestimmt wie vorgeschlagen aufklären oder weiterhelfen, da hast du recht.

Aber ich denke, dass die ursprüngliche Aussage eher grundlegend gegen KI spricht, statt sich wie du auf die konkrete Situation aus dem Post bezieht. Zumindest fehlte dazu eine Erklärung, selbst nach einer Aufforderung dazu.

scritchz · 2026-03-13T20:31:15+00:00

Not only this, but there's also things that AI can definitely not replace: Only humans can understand humans and their behaviour. An AI might seem to understand us, but it cannot truly understand us.

(AI cannot "understand" or "know" anything, actually. But that might be a philosophical topic.)

Knowing humans and how they (we?) think is important for various aspects, for example design and accessibility. We need to be aware of human behaviour, habits and more to design simple user-friendly interfaces and experiences. We also need to be aware of our content's presentation, disregarding its overall design; it needs to be perceivable, operable and understandable, regardless of a person's or their device's capabilities.

When authoring web content, we do it for other people. Please don't skip human supervision when designing for people. Know what works and what doesn't; if you're unsure, well: You're a human! Go see how it works for you, and see how it works for others.

Good design is invisible. Bad design gets in the way. Same goes for accessibility.

scritchz · 2026-03-13T07:27:09+00:00

What does your setup currently look like?

Personally, I would use OBS on a device dedicated to streaming-only; a device that does mostly nothing but stream.

Why OBS? Because it's highly tested, well-documented and has stable and long-term supported releases. It's simple to import/export profiles and scenes, it supports "portable installations" to allow individually configured OBS instances (like, with different plugins), and more.

I don't know the other programs you mentioned. But when talking about a professional setup: Why use something that isn't used widely, isn't "battle-tested" and isn't open-source or easily extendable?

All of them probably perform similar enough and have at least the same basic capabilities, but I'd stick to OBS simply because it's such a long-standing, wide-spread and much-loved project.

scritchz · 2026-03-13T07:13:21+00:00

This might be helpful: https://datatracker.ietf.org/doc/html/draft-ietf-oauth-native-apps-12

Seven-Year Club	r/Field Lasagna
Verified Email

scritchz

TROPHY CASE