Web Development

SSG setup, image optimization, page load optimization, limiting the use and delaying JavaScript, and a few other tips and tricks.

Hello, I'm developing application which uses websockets for chatting feature.

I was wondering what is best way to store all client handles in server side. Every tutorial (eg. this) just says to store in some form of map. I figured that in large commercial apps list of clients would be rather high and I wondered if storing it on heap is actually valid implementation or if some other solutions like caching dbs like redis are used.

What's your experience with that?

A video to understand how single-spa works

Hi, as title says, what framework do you use and why?

I have time to learn something new, but I can’t decide whether to use Svelte or React or any other thing there is.. My current job required PHP, Laravel and Codeigniter, which I kinda mastered but I feel that I need to move on.

So from your perspective and experience, which framework do you prefer? Can you maybe send me your favourite tutorial guy that does not have long boring videos just to have watch time ? (I don’t want to sit around and watch someone do it, I want to do it, videos are just for entertainment)

I want to learn something, but not decided yet what to use. Thanks for any advice.

I quite new to web development. I created a simple game which suppose to raise awareness to the RP syndrome (which I suffer from). The simple goal is to find Waldo but the twist is that there is nothing but him on the screen.

I want to add a "flashlight courser effect" meaning that the only visible part of the screen should be the one around the courser (for some fixed or maybe chosen radius). But, I don't want the rest of the screen (the non-visible) to be black but white / blank (as this is in a way the way that I see the world). The other elements (buttons, score and counter) should stay visible always.

Can someone advice me on how can it be done? Ideally there should be two switches (on the corner) one controlling the mode (full visibility vs limited field of vision) and the second one controlling the type of "darkness" (black vs white).

Here is the link to the repo with the current code: https://github.com/menisadi/RPWaldo

Thanks in advance

Update: Thanks everyone!!! I used the SVG idea and added the flashlight effect" (even added a switch to toggle the "flashlight mode" on and off). Working great. Thanks!

Tutorial on how to create dual ESM+CJS React component libraries.

cross-posted from: https://lemmy.ml/post/4867982

Developers, it’s time for you to choose a side: will you help rid the web of privacy-invading tracking or be complicit in it?

Hey guys! Sorry if this isn't the best place for this but I couldn't really find anywhere else.

I've been working for 6/7 years as a web developer full-time now, and I'm still plagued by one mega frustrating habit. When I'm working on something complex on one page, and it gets completed, I'll fairly often get notified either by the client or my boss a day or two later while they're testing the whole site that there's something broken on another page.

Almost always, it'll be down to the fix I've recently made.

Is there a way to avoid this kind of tunnel vision? I try to keep my code localised as much as possible, avoiding interacting with global scope and, if it's really for one specific thing, tying it down to that page in particular, but short of testing the entire site every time I make any change... is there anything else I can do?

Thanks!

For personal projects, I've favored gandi.net for many years, but I'm trying to get a few candidates together for the organization I work for. Not a fan of GoDaddy, NetworkSolutions, or many of the all-in-one web host / registrar / app hosting / whateverelse sites.

Hoping there are a few modern alternatives out there that I haven't seen yet. We had all of our domains on Google Domains, but since they got bought by Squarespace, I'm surveying our options.

Bun 1.0 is finally here.

Bun is a fast, all-in-one toolkit for running, building, testing, and debugging JavaScript and TypeScript, from a single file to a full-stack application. Today, Bun is stable and production-ready.

Hacker news discussion has a developer of Bun answering questions.

From what I gather, I don't know that there's a new norm in this regard yet, besides recognizing that gifs are increasingly old & clunky (despite being fun & amusing), and so I don't know if mp4s or webms or something else might be better if wanting to keep a site lightweight while still having some animated elements.

Callouts play a dominant role in technical writing. What are folks doing with their markup semantics (a.k.a. admonitions) & why isn’t there a native option? Maybe we can propose one.

I'm looking for an web analytics tool.

I really only care about how many people visit the site, and where from. Any other data would be nice just not needed.

Are there any free, and or cheap tools?

Do you code on an iPad? Why or why not? If you do, what code editor do you use?

I don’t have a laptop I usually code on my desktop, but I work from home so I get tired of sitting in the same place for so long. I’ve been doing it on my iPad and it seems to be doable!

I tried a few free apps for ipadOS. Some were okay, some were not. I’m willing to pay but I don’t want to spend money randomly on apps I don’t like.

CodeSpaces on GitHub seems to be the best option so far, but it’s a pay as you go structure and not a singular cost.

I liked the UI of Runestone, but many critical features are locked behind a paywall.

Replit seemed decent too but it seems very cloud focused and I already use GitHub.

Koder* seems like it has the most free access features but UI wasn’t intuitive and I couldn’t figure out how to type in a file if I switched pages and came back to my original file.

I hear Textastic is pretty good but side it’s paid with no trial period, I didn’t try it yet. I wanted to get some feedback before I started paying for anything.

Let me know what you use. Share your tips with Lemmy!

I have some complex touch interactions and am looking for a lightweight touch/gesture library to help me handle them. Interactjs is great, but it’s a fairly large bundle. Other top ones are not maintained anymore it seems.