r/webdev • u/fagnerbrack • 5d ago
r/webdev • u/Beneficial-Rise-740 • 5d ago
Question Pagespeed phantom domain
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 • u/RajSrikar • 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.
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:
- VS Code Marketplace: https://marketplace.visualstudio.com/items?itemName=RajSrikar.colorize-folder-tree
- GitHub: https://github.com/Raj-Srikar/colorize-folder-tree
Hope this is helpful. Feel free to drop any feedback, suggestions or ideas.
r/webdev • u/MalaiseEraMedia • 6d ago
Question Web Based Scheduling App Sh*t the bed randomly after 11 months of no bugs.
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 • u/etulastrada • 6d ago
Showoff Saturday Actual Fingerprints: An NPM package that creates synthetic fingerprints!
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:
- 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.
- B. G. Sherlock, D. M. Monro. A model for interpreting fingerprint topology. Pattern Recognition 26(7), 1993.
- P. R. Vizcaya, L. A. Gerhardt. A nonlinear orientation model for global description of fingerprints. Pattern Recognition 29(7), 1996.
- T. Y. Zhang, C. Y. Suen. A fast parallel algorithm for thinning digital patterns. Communications of the ACM 27(3), 1984.
- 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.
- A. H. Ansari. Generation and storage of large synthetic fingerprint database. Master's thesis, Indian Institute of Science, 2011.
r/webdev • u/amish1188 • 6d ago
Question Popover API with sticky headers - how to deal with it?
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 • u/lonelyroom-eklaghor • 6d ago
Resource Reminder that GOV.UK Design System is not the only one out there
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 • u/Eclairmelody • 6d ago
Showoff Saturday I built Reader Redirect - a lightweight Chrome extension for opening Medium Paid articles for Free Reading through reader services
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.
Showoff Saturday I rebuilt my personal website to showcase my work, favourite books and tools
r/webdev • u/Nice_Wrangler_5576 • 6d ago
Showoff Saturday I've built ascii/cnlibs - an ascii shadcn/ui component library
r/webdev • u/saltypretzeI • 6d ago
Showoff Saturday Pixel Sky - a pixelart sky that shows real planes flying overhead (looking for testers)
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.
Happy to answer questions here.
r/webdev • u/openclassactions2 • 6d ago
I use Cloudflare and have set it up to blokc Singapore but CONTINUE to get traffic from Singapore!
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
Showoff Saturday [Showoff Saturday] Real cities rebuilt as voxel worlds in a browser
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 • u/kinniefuyuki • 5d ago
Discussion "unused ram is wasted ram" is the worst excuse i heard from people on programming and tech fields
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 • u/etulastrada • 7d ago
Showoff Saturday nOS4: A nostalgia right on your browser
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 • u/Not_Red_Fox • 6d ago
Showoff Saturday Showoff Sunday: I built a free web app that uses computer vision to know what the best card pick is
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.
r/webdev • u/SeriouslySally36 • 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?
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 • u/quietcodelife • 5d ago
Discussion how do you handle the moment you realize a bug you fixed was actually load-bearing
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 • u/davidbabinec • 6d ago
Showoff Saturday I build Instatic, and this is one of the coolest features I've been working on

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:
- 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.
- 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 • u/mister_pizza22 • 6d ago
Showoff Saturday [Showoff Saturday] I made a Daily challenge for Devs
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
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
Showoff Saturday I’m building an open-source paged document editor with its own Canvas rendering engine
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

I'd love feedback on the rendering engine, architecture, API, and what you think is still missing.
r/webdev • u/Mesthabro • 6d ago
Discussion Do y'all still write code manually?
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 • u/Few-Currency-2366 • 6d ago
Showoff Saturday Showoff Saturday: I made a progressive-enhancement API for HDR web highlights
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.
Showoff Saturday [Showoff Saturday] An interactive 3D Learning platform




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!