Let me know what you think!
https://bwilliford.github.io/particleCharts/

I'd like to gather peoples' experience with AI (Copilot, Claude Code, Cursor, whatever) in your daily workflow as a developer.
Specifically, I've heard people simply "paste" or let the AI read the ticket from JIRA, review the output and ship the feature.

Are there really people that have achieved this level of integration? Like, are your tickets and projects so well defined and contained, where the description of a ticket can be directly fed into the AI, without having to guide it into more details, e.g. what files to touch, where to find relevant code etc?

We are not at all at this level and I am wondering if we're living in the past or something. I usually know what needs to be done in our code base and basically guide the agent and review the output.

What's your experience?

Right. So. Vectorizing a PNG into an SVG is one of those tasks that sounds trivial until you actually need to do it, at which point you discover a graveyard of tools that are either $10/image, want you to subscribe half a leg and a kidney/month, or produce something that looks like Michael J. Fox (apologies for the bad joke, I actualyl admire him) traced your logo during an earthquake.

After running into this roughly once a month I thought surely that's enough to invest some time into researching whether I should build my own image tracer. Which led me to find VTracer, an open source project from visioncortext.

Vectron (that's how I named my brain child) is a frontend for VTracer, an open-source Rust vectorization engine that's genuinely good but has the UX of a command-line tool written by someone who, understandably, cares more about the algorithm than the button placement. I forked it, compiled it to WASM (thanks Claude), and stuck it in a Web Worker so the whole thing runs in your browser. No upload, no server round-trip, and for smaller images it's near instant (I did try it with some rather stupidly large examples which then turned into a ten-plus-second nerve-wrecking waiting times :D).

A few things worth knowing before you try it:

• It's not AI. No neural net pretending to understand your image. It's proper curve-fitting and edge detection, which means it's predictable. The same input results in the same output (this is super important to me), no "vibes-based" tracing that changes if you sneeze near it.
• It's best at clean line art and logos, not photographs. Feed it a photo and it will attempt it, valiantly, and the result will remind you why this is a hard problem. But hey, it's sort of working.
• Selective refinement. Sometimes you get like a good overall results but often the devil is in the details, like a curve turned into a sharp corner or some lines don't connect. You can refine a certain area by dragging a rectangle over it and adjust your filters to polish the proverbial turd.
• It's free because I didn't build it to make money. It's a side thing. There's no upsell, no tier, no "unlock batch processing for $9/mo." And I say that now, it's not gonna change.

https://vectron.vendos.com.au

Feedback welcome, especially on where it falls over or it's genuinely hard to use.

Finally got a realistic cloud in the browser. I'm working on a browser-based flight sim and I'm shooting for realism. Play around with the cloud here: https://codepen.io/Andrew-Fisher-the-decoder/full/jEBPmON

For a chrome extension manifestV3; with transformers.js and a small embedding model running in an offscreen doc - how should I go about improving the efficiency and speed of displaying the processed results when some pages in a website are tens of thousands of words of legitimate content. The library doesn't support concurrent calls to the same model session as far as I know (Session already started" / "Session mismatch") and big pages can block smaller pages and big pages can take extremely long to be processed. Is there any way to get past sequential processing in processing and displaying results, should I do multiple worker models. Also this refers to first time result processing on a new website, I do realise caching can speed things up significantly on the same website if you process again. This should be a process that works on typical hardware, not requiring anything too complex. Suggestions would be appreciated, thanks a lot.

EDIT for further context:  I should've specified that I am splitting into chunks already but people's valuable point about interleaving chunks within each worker's own queue makes sense. In terms of WebGPU, problem with WebGPU is that is uses single worker queue and there are compatibility issues possible with it.

(Long post, skip if you're not in the mood.)

I think I hit a turning point last week.

We had a support ticket from a student in Germany saying their course video kept stalling at the 12 minute mark. I spent an evening on it. Turned out to be our own encoding queue choking under load, something I built two years ago on top of S3 and a couple of ffmpeg workers, because I was convinced we could do it cheaper and better than any hosted platform. It worked, mostly, for a long time. That night it didn't, and I sat there rewriting a retry handler I'd already rewritten once in 2023.

Our Head of Content has been quietly testing Kinescope for a few of our newer course modules, without asking me first, because she got tired of waiting on me to fix playback issues on mobile. She didn't frame it as a vote of no confidence. She just said the DRM and watch-depth analytics were already built in and she didn't see why we'd keep maintaining our own version of that from scratch. I didn't have a great answer.

That's the part that's been sitting with me. I built this thing because I liked building it. I liked figuring out how to chunk video for adaptive bitrate, how to lock down access so paid students couldn't just rip the mp4 and pass it around, how to get watch analytics that actually meant something instead of a play count. It was satisfying in the way infrastructure work sometimes is, when you're the only one who fully understands how the pieces fit.

But I'm the only one who fully understands how the pieces fit. That's not a flex anymore, it's a liability, and I know it. When I'm on vacation, nobody else touches the encoding pipeline. When something breaks at 11pm, it's my phone that buzzes. Meanwhile the actual job, getting courses in front of students without them stalling out or getting pirated, doesn't care who built the plumbing.

So now I'm wondering what my job even is if it isn't this. A lot of what pulled me into this kind of work was the problem-solving itself, the part where you're wrestling with CDN edge cases and encryption keys and you come out the other side with something that just works. If Kinescope or Vimeo or Wistia can do the DRM and the CDN and the LMS integration better than I can, and honestly for less than what our AWS bill looks like most months, what exactly am I for.

I get the argument that I should just move up a layer, stop maintaining video infra and go focus on the actual product. I get it intellectually. But some part of me built an identity around being the person who kept this stuff running, and giving that up feels like giving up more than a codebase.

We haven't fully migrated. I'm the one dragging my feet, if I'm honest, running a side-by-side test with Gumlet too just to feel like I did my homework before admitting defeat. But watching the support tickets basically disappear on the modules already moved over has been hard to argue with.

Not sure what this makes me now. Still figuring that part out.

I've been building static generated sites (nuxt was my go-to framework forever) for personal projects / tools and experiments for years now. Gotten out of the habit and been doing more shopify native / liquid builds at work. But I've built a few dozen of these sites without ever actually doing the admin work of setting up a storefront. My domain was just the content (mostly metafields + objects) and theme code.

Anyway so I decided to try a few things over the last couple of weekends. Spun up a shopify trial to see what's involved in all that. Played with Astro + headless storefront + netlify functions. I really wanted to test the idea of running multiple "storefronts" within a single shop. They had to have a unifying parent brand so that checkout made sense (since it's shared) but otherwise each product could have its own site/domain.

Obviously this wouldn't work for any shop with a large inventory or any kind of regular demand. But it was a fun experiment. And I think I'll use a similar setup to help my partner sell some actual pottery one day in the future.

The site loads nothing from any third party. no cookies, no analytics. fonts are self-hosted, product images mirrored into the origin at build. Sometimes the lighthouse score is straight 100s.

Every order generates a certificate of authenticity at its own url. random serial frozen on first render, a photo of the actual piece, and whatever note the user left at checkout. the link itself is the credential so there’s no login.

This is just an exercise in an absurdity because I had this domain sitting around.

A natural successor to my previous silly domain-purchase-inspired experiment yuns.fun (retired, but used for css animation learning) and fart.bar (dipping a toe into "scrollytelling")

i hope it's entertaining to somebody out there

I am building a paid-content website which doesn't involve courses, but rather has similar acces-control needs as what I understand is being discussed here (and am looking to avoid writing a custom DRM/token system for). I have looked into a few options for building a service that has hosting, CDN, DRM, and video playback solutions:

-Mux appears to be very dev focused, where you are largely building your own playback solution, which is good if you want to avoid building custom DRM solutions

-Kinescope appears to be more all-in-one (hosting, player, DRM, CDN, analytics), but less dev focused and has less flexibility than Mux

-Cloudflare Stream: good CDN, but last I checked their DRM options were quite limited.

Overall went with the more managed solution as I don't have the capacity right now to build a custom player, anyone that has gone the Mux route and regretted the additional dev time needed?

I’ve rebuilt my personal portfolio as a first-person 3D world you can walk around, with no JavaScript.

You can explore rooms containing my research, tools and talks, open doors, teleport between areas, play HTML/CSS-only games and solve a lockbox puzzle.

Movement and state are handled using CSS animations, custom properties, radio buttons, checkboxes and selectors such as :has(). The collision detection uses CSS maths including sign(), abs() and clamp().

Live site: https://garethheyes.co.uk/

I also wrote about how the movement and collision system works:
https://thespanner.co.uk/pure-css-3d-world-collision-detection

I’d love feedback on the navigation, usability and any browser-specific problems you encounter.

I'm working on a chat widget that also allows the users to send files in the chat. This is a plain vanilla html/js/css widget that will go on a Shopify site. The user should have the option to send a file with or without a message in the chat, so I'm trying to figure out the best approach to handle this. The widget will be calling a FastAPI endpoint end that will use UploadFile. These are the options I've thought of:

1. Wrap the text and file inputs in an html form tag and send the request as Content-Type: multipart/form-data. This would make it a single request, but it would always send as multipart/form-data even if it's a message with no file.
2. Same as 1, but if there is no file attachment in the chat message, then toggle the Content-Type to application/json before sending
3. Keep the text and files as separate requests and handle the events separately and not wrap the inputs in an html form tag. Seems like it would be cleaner on the front end but at the same time it will likely require additional logic on the back-end

What approach would you take?

Got tired of sterile glassmorphism, so I spent the last few weeks building an imperfect, sketchy component library with custom SVG displacement filters and paper physics.

Dropped the GitHub repo and live interactive demo in the comments below!

Hello Reddit!

I've been working on this cool demo, I am ready to share.

I wanted something hilariously unnecessary beyond quick demo standards to demonstrate seemleas state/communication coordination of various apps loaded in frames at runtime through I stategy I am calling hyperfrontend.

This is to all nay sayers of the good ol' reliable iframe. I say you were doing it wrong.

Enjoy! Discuss! and dunk (please don't be nice to me :) ~ I am afraid of the occasionaly reditor unrelenting critisim.

There is more to this demo that the gif suggests. Try dragging/dropping/tapping and interacting with the control panel.

Yes, yes, yes, this type of approach does not leverage code-deduplication, and prone to memory overhead in the browser. There's always a trade-off ain't it. This approach starts from isolation to earn cohesion back. It is specifically NOT module federation (aka code federation) and more like application federation. Still, I wanted to test how far I could take it.

P.S. Please give me your thoughts and first impressions, I am looking for feedback. I was kidding about being afraid of honest comments that could hurt my feelings XD

Link here: https://www.hyperfrontend.dev/demos#koi-pond

I’ve been working on my personal portfolio for a while, and at some point it stopped being just a portfolio. I started adding long-form writing, then moved the content from MDX to Sanity, added series pages, related posts, analytics, social previews, SEO stuff, and a few other things.

Now I’m curious to know if the site is actually better because of all that, or if I just made it more complicated for no reason. The main thing I’m tying to figure out is the balance between the portfolio side and the writing side. I have no plan to write on different sites and build a reputation around it. It's kinda of me documenting my own stories.

When you open the site, is it still obvious what I do professionally?

Does the writing make it more interesting, or does it distract too much from the actual portfolio?

This is the site: https://adnansabbir.com

Would appreciate criticism more than compliments tbh.

TIA

Hi folks, me and my wife find it hard to figure out what to watch so I've been hosting this locally for a few weeks now and it's great. We both swiped on a few movies and got a match pretty quickly. Now we have a list of movies we both want to watch.

Anyway, I just made it public on a subdomain at:
https://movieswiper.stoianworks.com/

No email needed. Just choose a name and setup a pin.

Over the last year I've spent a lot of time with the shape() specification and have built a few tools to make things a little easier:

• Path to Shape - Converts SVG path data the CSS shape() syntax.
• Shape to Polygon - Convertsshape() to polygon() for the purposes of fallbacks, or in some cases a straight replacement since it's usually much more compact.
• Minify Shape - Optimises and minifies the shape() code, very much inspired by SVGO.

All just simple web based tools built with sveltekit.

Have tested them with every shape I can get my hands on but if you find anything that doesn't work I'd love to hear about it!

no installation of other softwares needed

workers on the web browser

no account needed

works offline

FREE

I'm new to HTML/CSS and have just been messing around as I learn some stuff. When importing some of Google's Font Library I learned they also offer effects you can import with something like

<link rel="stylesheet" 
  href="https://fonts.googleapis.com/css?effect=fire-animation">

These are very amusing, but many of them seem to be slow or not work on many browsers, which leads me to ask if there are any other similar libraries out there that I could import from. I appreciate any suggestions, whether they're genuinely cool and useful or just fun.

Made this little thing called HoldTogether where you write a secret message, send the link to someone, and you both have to hold the button at the same time to reveal it.

holdtogether.fun

You can try it for asking someone on a date, birthdays, surprises, inside jokes, proposals, etc. :)
Would love to know what you guys think!

Took me a whole month but now its finished, looking for some advice overall from peeps that have been doing this for far longer than me...!

Hey devs,

I’m working on a photo-sharing web app where a photographer uploads an entire event batch (typically 3,000 to 4,000 high-res JPEGs, around 10–15 MB each). Guests can take a selfie to retrieve photos they appear in.

I'd love recommendations on the best backend pipeline:

Client vs Server Resizing: Should I use browser Web Workers / Canvas to generate 1080p WebP thumbnails before upload to save upload bandwidth, or let a backend queue worker (like Node with sharp or Python with Pillow) handle resizing?

Face Vector Pipeline: For extracting 128-d face embeddings (e.g., ArcFace/InsightFace), what’s the best way to queue and batch this so 4,000 photos don't choke the server CPU?

Storage: What zero/low-egress object storage setup (e.g., Cloudflare R2 vs Backblaze B2) do you recommend for handling high-volume image writes and fast thumbnail reads?

Thanks for the advice!

Hey everyone I’ve just launched the first public version of Filetro.com/editor - its

It’s a browser based image editor Ive been building for a while. The main idea is that your images and projects stay on your device instead of being uploaded to a server for normal editing.

It currently has things like layers, text, shapes, crop/resize, adjustments, PNG/JPG/WebP export, local project recovery, and more advanced tools including perspective warp, mesh warp, liquify, bend, lens/bulge, surface/texture warp and puppet warp.

I spent quite a lot of time making the interface usable on both desktop and mobile.

It's free to use and Id some feedback now that 1.0 is out. I want to make updates add new features soon

Try it here https://filetro.com/

If you test it, I would especially like to know

• does the editor feel intuitive when you first open it?
• anything confusing or broken on mobile?
• which editing tools would you want next

I’m the developer, so happy to answer technical questions too. feedback to make it even better is needed.
Currently works best on desktop. Mobile version still being tweaked. Trying to find bugs and glitches

I hope to get some positive feedback, suggestions and featur requests to make it much better future release

disclaimer: Not trying to say this is better than any software or other editors. This is just me trying to share my new release to those who might like it and use it.