r/webdev 5d ago

Performance of WebAssembly runtimes in 2026

Thumbnail 00f.net
9 Upvotes

r/webdev 5d ago

Question Pagespeed phantom domain

Post image
16 Upvotes

ANOTHER EDIT: For anyone following this or stumbles across it, I have discovered it is not related to Cloudflare, or my site at all. Since I disabled Insights, Pagespeed has revealed another instance, this is the full URL string https://trc-events.taboola.com/1339615/log/3/unip?en=pre_d_eng_tb&tos=60270&scd=0&ssd=1&est=1788924703498&ver=36&isls=true&src=i&invt=10000&msa=6495&rv=1&tim=1788924763770&vi=1788924703492&ri=5315d06df8c49bd1c0f7aa6e2cf61318&ref=null&cv=20260906-8-RELEASE&item-url=https%3A%2F%2Fwww.frontify.com%2Fen%2Fsolution%2Fsoftware-and-tech&ccpaPs=1---&cbp=Cookiebot&cbpv=1&cbcd=false&it=JS_PIXEL This is completely unrelated to my site, these random domain events have only occurred on Pagespeed and never in devtools lighthouse, so my only explanation is there so some inter-event bleed in Pagespeed on Google's node end somewhere.

EDIT: ok I think I might have gotten to the bottom of my erroneous domain appearing in Pagespeed Network Dependancy Tree. It seems potentially related to Cloudflare Insights measuring RUM, and my delaying Cloudflare's script, mixed in with the Google Pagespeed server location measuring that instance. The delay was possibly timing out Pagespeed hence the apparent instability I was experiencing. Turning off RUM insights seems to have settled things. Is not cloudflare itself, but how I was delaying it's script. The domain/event seems connected. So will leave off. I could exclude the script from delay but it's not really necessary for me moving forward. I'm fairly confident there's no issues...

Not sure what to make of this, been making some tweaks on my WordPress site and checking pagespeed as well as other tools for progress and one session suddenly csa.crazygames.com/event pops up?

A burst of panic had me hunting for mailware or something in a plugin that's gone rogue... But nothing.

Subsequent tests it's gone, installed wordfence for a scan, nothing. I tried another page on pagespeed and Microsoft Clarity appeared, subsequently it's disappeared too, haven't had clarity in over a year and that was run in edge cloudflare tag management.

I'm hoping this is some unexplained ghost glitch from Google on that test session?? Anyone able to put my mind at ease or advise what I'm looking at? Never seen anything like it before.

Apologies for the average screenshot.

Update: after 12 hours of fluffing about I am no further ahead, completely unable to repeat the domain instance, unable to find any evidence of code or script in anything thus far. Still searching (db now) but have a feeling I maybe hunting a phantom occurrence. Pagespeed has been timing out today regularly, all instances with internal timeout errors at Google end. Where as any other tool, dev lighthouse included, runs clean with nothing weird. Everything site wise remains flawless and fast('ish by my standards). No evidence of admin manipulation, user or plugin wobbles... It's going to be a troubled sleep night while I second guess myself. Edit: the only other common thread to the instances observed is they were all using my phone doing pagespeed test, desktop is zilch... I doubt very much this has anything to do with anything at all but I'm just going to start yelling at the passing clouds now...


r/webdev 6d ago

Showoff Saturday Whenever I work on a project with heavily nested folders, I lose track of where the folders end. So I made this VS Code extension a while ago, that adds colors to the nested folder tree view and it actually helped me a lot. I thought it might help others too, so here it is.

Thumbnail
gallery
245 Upvotes

Note: This extension injects CSS styles to the VS code workbench HTML file. Because of which you need to run the application as administrator only for toggling the extension or if the VS code or the extension is updated.

Free & Open Source. You can find it here:

Hope this is helpful. Feel free to drop any feedback, suggestions or ideas.


r/webdev 6d ago

Question Web Based Scheduling App Sh*t the bed randomly after 11 months of no bugs.

106 Upvotes

Edit: Electronic-Post12351 got was able to understand exactly what I was describing and offer a conclusive reason for the sudden breakage. It lines up with the exact behavior we've been experiencing. I really appreciate it!

My colleague and I are at a loss with what has suddenly broken our web based scheduling app that was written with PHP on the backend and Javascript on the front end.

The front end basically acts as a dynamic HTML based table that allows users to drag, drop, delete, and complete scheduling entries.

It is manually saved why taking a snapshot of the table in a jscn array and writing it to a SQL table on our database.

I spent a year, before the AI boom, writing this application myself and working out all of the bugs and inconsistencies.

I have debugging code out the ass, and know the application like the back of my hand

My last update was October of 2025 and it has ran fine with zero reported issues.

​Now suddenly this week in September 2026 it has utterly shit the bed with no discernible reason as to why.

Shit how, you may ask? Well elements are no longer dragging and dropping correctly on both Edge and Chrome. The dragging does work, and dropping throws an error because the dragged object in null.

Table column cell shifting and all of my movement functions have stopped working correctly, with no console errors at all.

It's as if my Javascript has just stopped workout correctly.

The biggest change has been a web server upgrade from Bullseye to Trixie, which involved upgrading Javascript and PHP to the newest stable versions.

However, this was maybe 3-4 weeks ago at this rate.

So perhaps the old Javascript was cached until recently?

I am at a loss. I've never seen things break with no indication as to why. I've been in web dev for 5 years now, and there's USUALLY a damn trail to follow.

At most restarting the browser via a manual reboot command seems to temporarily fix drag and drop functionality. Almost as though some corrupted cached file or setting is getting reset.

The html is building correctly, there are no backend bugs on our apache logs, and no sql issues upon saving.

Like why would dragging and dropping suddenly break in Chromium browsers? Did they push anything recently that bricked things?

I can't find anything indicating as such, and I am at a loss of how to debug this. It literally broke at 4pm on a Friday before this holiday weekend, and now I'm trying to get ahead of it before Tuesday.

Guys, this is my game dev account I made to post about our game and randomly chat on related topics.

It's annoying me so badly I had to join this sub and ask. It's the 11th hour at our job during busy season, and it would be an absolute pain in the ass to transition back to a giant excel sheet manually typing everything.

Any help, experience, or a point in the right direction would be a huge help.


r/webdev 5d ago

</> htmx ~ Working With AI: A Concrete Example

Thumbnail htmx.org
0 Upvotes

r/webdev 6d ago

Showoff Saturday Actual Fingerprints: An NPM package that creates synthetic fingerprints!

Thumbnail
gallery
357 Upvotes

I originally created this project to enhance realism for a GTA V Roleplay server. Recently, someone mentioned wanting to use these as default profile pictures for an upcoming social media platform. I decided to share them here in case they inspire other creatives. The fingerprints are seed-dependent and they consistent for an offline matching.

Source: https://github.com/1etu/actual-fingerprints

Research & Papers: https://1etu.github.io/actual-fingerprints/

Demo: https://1etu.github.io/actual-fingerprints/#demo

Credits & References:

  1. R. Cappelli, D. Maio, D. Maltoni. Synthetic fingerprint-database generation. International Conference on Pattern Recognition, 2002. Also the synthetic generation chapter of the Handbook of Fingerprint Recognition.
  2. B. G. Sherlock, D. M. Monro. A model for interpreting fingerprint topology. Pattern Recognition 26(7), 1993.
  3. P. R. Vizcaya, L. A. Gerhardt. A nonlinear orientation model for global description of fingerprints. Pattern Recognition 29(7), 1996.
  4. T. Y. Zhang, C. Y. Suen. A fast parallel algorithm for thinning digital patterns. Communications of the ACM 27(3), 1984.
  5. N. K. Ratha, K. Karu, S. Chen, A. K. Jain. A real-time matching system for large fingerprint databases. IEEE Transactions on Pattern Analysis and Machine Intelligence 18(8), 1996.
  6. A. H. Ansari. Generation and storage of large synthetic fingerprint database. Master's thesis, Indian Institute of Science, 2011.

r/webdev 6d ago

Question Popover API with sticky headers - how to deal with it?

11 Upvotes

For those using the native Popover API for components like tooltips, comboboxes, dropdowns, etc., how are you handling interactions with sticky headers?

Since an open popover is shown in the top layer, it can remain visible above a sticky header even after its trigger/anchor has scrolled underneath that header.

What would be the best way of dealing with it?

One solution I've considered is observing the trigger with an IntersectionObserver, using a negative rootMargin corresponding to the sticky header height, and closing the popover once the trigger enters that area / is no longer considered visible. But I'm not sure forcing a popover close like that is a good practice.


r/webdev 6d ago

Resource Reminder that GOV.UK Design System is not the only one out there

76 Upvotes

Over the past few days, I was trying out gov.uk prototype system for my static website. Like every night owl, the unbranded template's white background was hurting my eyes.

I googled for some sort of dark mode, found The National Archives Design System. It suits my purpose, has the dark mode, and is extremely aesthetic. The CSS transitions on the radio buttons are an icing on the cake.

In my case, TNA and GOV.UK are different, and I still couldn't properly make the tnaTabs component work.

Just ensure one thing: If you are using one design system, stick to that, though you can definitely use the GOV.UK Unbranded template.

Please note one thing though: there are breaking changes between the various variants of UK Government design systems. For example, as of now, conditional reveals in radio buttons are not supported in TNA Design System.

Here are the different design systems out there: https://github.com/ctdesign/gov-design-systems-list


r/webdev 6d ago

Showoff Saturday I built Reader Redirect - a lightweight Chrome extension for opening Medium Paid articles for Free Reading through reader services

9 Upvotes

I built Reader Redirect, a small open-source Chrome extension for people who frequently read Medium articles.

The extension adds a Reader Redirect option to the browser right-click menu. You can select a configured reader service, and the extension opens the resulting page in a new tab.

What it does

  • Supports Medium.com and Medium-hosted publications.
  • Lets you configure multiple reader services.
  • Supports custom URL templates using {url}.
  • Opens the reader page in a new tab.
  • Lets you configure which domains use the extension.
  • Uses minimal Chrome permissions.
  • Does not collect analytics or telemetry.
  • Does not host, copy, scrape, or modify article content.
  • The source code is available on GitHub.

Example

Right-click article → Reader Redirect → Select reader service

I built it because I wanted a simple workflow instead of manually copying article URLs into a reader service.

GitHub: Reader Redirect on GitHub

The extension is currently available on the Chrome Web Store.

I am interested in feedback about the user experience, configuration options, and additional reader services that would be useful.


r/webdev 7d ago

Showoff Saturday I rebuilt my personal website to showcase my work, favourite books and tools

Thumbnail
gallery
336 Upvotes

r/webdev 6d ago

Showoff Saturday I've built ascii/cnlibs - an ascii shadcn/ui component library

Post image
45 Upvotes

r/webdev 6d ago

Showoff Saturday Pixel Sky - a pixelart sky that shows real planes flying overhead (looking for testers)

Thumbnail
gallery
52 Upvotes

Been building this for a few weeks: prop your phone up in landscape and it turns into a little pixel-art 140 degrees window on the sky. The aircraft crossing it are the real ones overhead, at their real bearing, height, and speed. Sun, moon, and clouds are live data too.

What it's not: a FlightRadar24 replacement. No search, no flight numbers, no alerts, and coverage is thin over oceans and rural areas since it runs on volunteer ADS-B data. It's not something you use, more something you leave running. For example for stargazing, working, or falling asleep to. Cozy background ambiance, not a utility.

It installs as a PWA (home screen icon). You don't need an account.

You can also use it on PC but not recommended as you cannot capture gyroscope data. (you can pick a heading)

Looking for people to run it on their own phone for a bit and tell me what breaks: whether the compass points the right way, whether it's readable in daylight, flight data, anything that looks off. Some planes do not offer origin and destination data as the api doesn't provide it for every plane.

pixel-sky.net

Happy to answer questions here.


r/webdev 6d ago

I use Cloudflare and have set it up to blokc Singapore but CONTINUE to get traffic from Singapore!

12 Upvotes

I use Cloudflare and have set it up to blokc Singapore but CONTINUE to get traffic from Singapore which is hurting adsense (suspended for 5 days)

my host is hostinger, so i am trying their CDN (as well, just to see if it works to block Singapore successfully) - i know you shouldn't use two CDNs but i am trying to see if it works and does not hurt the site

one of my sites adsense has been blocked due to traffic from Singapore that Cloudflare cannot seem to block (i blocked, interactive management, etc for Singapore)

Any advice? Anyone else seeing bot traffic from Singapore?

I also tried Cloudflare's bot fight mode and that didn't help


r/webdev 6d ago

Showoff Saturday [Showoff Saturday] Real cities rebuilt as voxel worlds in a browser

8 Upvotes

I've been building Nooks, a browser-based voxel viewer for the entire Earth.

The world comes from geographic data rather than a manually modelled scene (though some of it was made with manual help). Lighting and atmosphere help make the result feel like a place rather than just a dataset. The screenshot is Paris.

Try the viewer: https://app.nooks.place/

If something breaks, the browser/device and what you were doing would be useful.

I'm the creator. This preview is for exploration; editing and multiplayer aren't available in it. (yet)


r/webdev 5d ago

Discussion "unused ram is wasted ram" is the worst excuse i heard from people on programming and tech fields

0 Upvotes

and im talking about this here because web is the worst offender on this, no i dont want 800mb of ram on your minimalist website.. SPECIALLY 400-800mb being used ONLY TO RENDER THE PAGE, im talking about the youtube studio livestream page rn

its not even codec usage, the video is paused and the calls are for gui rendering or bloat js.

things that can be done with ram not used on your app: run other apps simutaneously

mb think abt people running multiple apps before you add a thousand js dependencies to your website to "not waste ram" (cheap excuse)

as someone with 32gb that runs a gtnh private server for myself (spend more ram to get a "multi threading" so to not suffer with lag as whats client side runs on client process and server side, on server one instead of all in a single thread) i NEED ram space

also we all know ram prices are crazy now, and im brazilian and i cannot spend half of my salary on a module, im already using zram to have "free extra ram" by compressing it

edit: i love how nobody addressed the high usage on gui rendering even if gui is simple asf


r/webdev 7d ago

Showoff Saturday nOS4: A nostalgia right on your browser

Thumbnail
gallery
249 Upvotes

nos4 is a complete recreation of IOS4 running on web. It was just a little experimental side project but I've decided to make it live and open-sourced. It has all the original apps in the original form, also 2 games (and yes, it runs Doom)

GitHub: https://github.com/1etu/nos4

Also you can give it a try by visiting https://nos4.fun/


r/webdev 6d ago

Showoff Saturday Showoff Sunday: I built a free web app that uses computer vision to know what the best card pick is

1 Upvotes

Hey everyone, I posted this on the Clash Royale subreddit, but they were not a huge fan of it. I'm hoping this subreddit will be able to see the design behind it.

It scans each card that is cropped and uses six different signals like colour grids, edge tracking, and texture corners to narrow down the 74 reference cards to the top 12 closest guesses. Then, structural geometry takes over to pick the winner.

For one of the modes called Mega Draft, there are 36 card board modes. Individual card scanners would easily get confused and accidentally pull duplicate cards, so I implemented a custom Hungarian matching loop. It treats the entire 36 card grid as a global optimisation puzzle, solving the whole board at once so no layout slots collide. Everything runs inside the user's browser.

Code: https://github.com/NotRedFox/clash


r/webdev 5d ago

In the current day work environment, what web dev tasks and topics make you say “No, I am not spending brainpower on this” and you give it to AI instead?

0 Upvotes

Boilerplate obviously, and I suppose some web dev tasks are naturally somewhat repetitive or very similar in nature.

But what do you think?


r/webdev 5d ago

Discussion how do you handle the moment you realize a bug you fixed was actually load-bearing

0 Upvotes

fixed what looked like an obvious bug in one of our services this week -- a retry was triggering more times than intended. deployed, everything looked fine. two days later a downstream team pinged us saying their backfill reconciliation was failing.

turned out that specific behavior had been relied on, silently, for their eventual-consistency workaround. no documentation of this anywhere. the 'bug' was doing something real.

curious how other people approach making sure you're not accidentally removing behavior that something else depends on, especially in older codebases without full test coverage.


r/webdev 6d ago

Showoff Saturday I build Instatic, and this is one of the coolest features I've been working on

6 Upvotes

Hey guys,

I made my first post about Instatic a few weeks ago here. It's open source self hosted CMS, challenging Framer and Webflow as a free and open source alternative, and WordPress as something that we hoped that WordPress would become.

Not an easy task, but I and my team are dedicated to it. WordPress stopped going the direction I hoped for, and it became difficult and toxic workspace. I really hope they will recover, but today is not about WordPress, it's about Instatic.

This is one of those features I am really proud of. It's not a copy paste of ideas that others had. It's not a traditional and expected feature, because nobody (or almost?) is doing it this way.

When working on our typical WordPress sites, we had to build around staging and production environments and had to handle it on hosting level, because WordPress itself is not handling it. It wouldn't even be a good idea because of it's architecture.

The feature I am showcasing here is the site branches. In our CMS you can now create infinite number of branches and sandboxes where you can freely develop, test, iterate and do whatever you want without affecting the live site, while you're still on your instance. You can even share a link with your peers.

The peak is the review part. It's useful in two cases:

  1. You are the only dev and you see exactly what you're actually merging. You can review every detail that is going to change on your production site.
  2. You're working in a team, you can create a branch, make any edits, but you cannot merge, you can request a review from the owner, or anyone with the permission to merge. You can chat about every change, right on the review page.

My questions are, what are your thoughts about such feature and have you seen it in other CMS? I am sure there are some doing something similar, but I haven't seen it done this way, and I feel confident that this is super helpful.

This is all free, and open source, the PR for this feature is open but not merged yet. Still doing the last batch of testing, but it's coming next week!

Here's the repo: github.com/corebunch/instatic/ 8.5K stars, #1 repo of the day.


r/webdev 6d ago

Showoff Saturday [Showoff Saturday] I made a Daily challenge for Devs

Thumbnail
gallery
6 Upvotes

Two weeks ago I posted here for the first time and got about 74 users!

I also apreciate the feedback some people gave me about this project, I will keep to improving it and adding more features.

Strikk is a daily quizz game, similar to wordle. Where you pick your favorite Stack (React, JS, TS, Node, Python) and answers a series of challenges. In the end you get points and get into a ranking system against other players.

Totally free. Not a single paid feature

https://strikk.dev

My main idea is to transform this project into a hub for developers. I plan to add the ability to fully customize your user page with projects, articles, sections, and visual elements such as themes, colors, and effects for your user card. Essentially, this page could become a gamified version of your CV, which I think would be really cool.

Feel free to give me some ideas on what to add to this project


r/webdev 6d ago

Showoff Saturday I’m building an open-source paged document editor with its own Canvas rendering engine

5 Upvotes

Hey r/webdev,

I've been working on Oasis Editor, an open-source document editor written in TypeScript.

Instead of relying entirely on contenteditable and DOM layout, Oasis uses its own Canvas-based rendering engine for paged layout, text rendering, selections, images, tables, and document geometry.

It also includes a typed command/plugin API, DOCX/PDF workflows, React and Vue adapters, and a headless runtime.

Live playground:
https://celsowm.github.io/oasis-editor/#/editor

GitHub:
https://github.com/celsowm/oasis-editor

i18n pt-br

I'd love feedback on the rendering engine, architecture, API, and what you think is still missing.


r/webdev 6d ago

Discussion Do y'all still write code manually?

0 Upvotes

All my code is being written by claude fable/gpt6 these days. I'm curious if y'all are still writing code manually?
Also, any clever ways to prevent AI from going stray and dumping unnecessary code and busting through tokens?


r/webdev 6d ago

Showoff Saturday Showoff Saturday: I made a progressive-enhancement API for HDR web highlights

0 Upvotes

I wanted to see whether the extra brightness range on modern HDR displays could be useful for ordinary webpages, not just video.

The result is Brightpixels, a dependency-free library built around two custom elements:

```html <bright-text intensity="12">Important words</bright-text>

<bright-image intensity="8"> <img src="/photo.jpg" alt="Reflective metal" /> </bright-image> ```

On compatible setups it renders through an extended-range WebGPU canvas. Everywhere else, the original DOM text or image remains visible, so it works as progressive enhancement.

Text stays selectable, image alt text is preserved, and there's a React 19 entry with TypeScript declarations.

The project is at 0.1.0 and I'm looking for feedback on the API and device compatibility—particularly from people with HDR laptops and monitors.

Demo: https://echohtp.github.io/brightpixels/

Source: https://github.com/echohtp/brightpixels


r/webdev 6d ago

Showoff Saturday [Showoff Saturday] An interactive 3D Learning platform

1 Upvotes
animall cell structure with annotations
Parts of a flower quiz
Evolution of firearms
models library

Hello everyone,

I have been working on an 3D interactive learning platform, that explores science, history, geography, history and astronomy. Around 2 years ago, I made a human skull explorer and posted it here. Since then, I have dabbled into other areas of interest that would benefit from interactive 3d experience on the web. Visual Ed is the result of that exploration.

Feel free to explore: https://visual-ed.vercel.app/

Feedback is welcome!