Web Development

Deno KV is now even more flexible and powerful with self-hosted options, replicas, and S3 and GCS continuous backup support.

Deno 1.38 ships with HTML doc output, hot module replacement, improved Node.js compatibility by allowing you to use your own node_modules folder, and more.

Hello,

I'm able to make texts fade in and out sequentially, like the following :

F
Fi
Fir
Firs
First
 irst
  rst
   st
    t
S
Se
Sec
Seco
Secon
Second
 econd
  cond
   ond
    nd
     d
T
Th
Thi
Thir
Third

Demo : https://jsfiddle.net/KaKi87/t3jm8yhx/2/

But I'd like to to make these fade in and out simultaneously, like the following :

F
Fi
Fir
Firs
First
S rst
Se st
Sec t
Seco
Secon
Second
T cond
Th ond
Thi nd
Thir d
Third

How to do that ?

Thanks !

Hi, I’m curious about an alternative to google analytics. I found some projects on GitHub but I want to know lemmy’s opinion, which one is worth try.

Umami, Plausible, Matomo are first three that have been recommended to me, but I’m not sure about the pricing and tiers …

I want to test it on small scale websites only for now, and also I can run it on my own iron. Not to be dependent on any other company or cloud service is the best thing possible for me personally.

So what repo you found most useful?

Thanks for your advice and opinions. Have a nice one.

Hi,

I'm rather new to web development. For my local scouts troop I'm currently trying to build a webapp to show a big browsable timeline of the troops chronicles (We have many big folders of paper showing what the scouts did that year). I've already build the ground structure based on Django for the backend and vue for the frontend. And I can display the individual elements of the chronicles (Writings, articles, pictures; videos and audio for newer entries) in a list.

Now I want to create a component, that will display a horizontal timeline with the ability to move and zoom, showing elements depending on the zoom level with different level of detail. I want to make it easy to browse the timeline of over 70 years with entries per year (like 30 elements per year).

I already tried timeline-js, but it doesn't quite behave like I want it to be (zooming, different levels of detail,...). For me it seems, that it cannot really be customized enough to reach my goal (though I might be wrong about that).

Then I thought about building that timeline component myself, though I don't know where to start in building such a component (how to draw the timeline itself with its markings, how to draw the elements at the correct position,...)

Can you give me a hint/direction where I should look for a solution? Maybe you know a tutorial for a similar situation (creating your own complex UI components)?

Thanks in advance for your help! Currently I feel like I don't know enough to ask the correct question to a search engine for a solution.

Discover new improvements in Fresh 1.5 that makes your site quicker to load and comes with several improvements to make authoring complex projects easier.

I've been struggling with something for a while now and ironically a sitcom from the 80's finally helped me pinpoint the problem. My TV was on for background noise and I noticed that it was an episode of Family Ties. In the episode, Elyse Keaton was having a problem. A prominent building that she designed was being torn down and replaced by a cookie cutter mini-mall. She was struggling with her "legacy" - her mark on the world - disappearing. After the building was gone, what evidence would there be that Elyse Keaton was there?

I'm facing a similar issue. I don't like getting into my day job too much online (for various reasons), but suffice it to say that applications that I developed for decades are being sunset/replaced. I've developed quite a lot over the decades, but eventually it would all be replaced. Once it is, what will I have as "proof that TechyDad was here"?

How do you handle the existential crisis of our works being digital and transient versus having an actual, physical product?

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!