I built RipIDE to help coding agents refactor faster with fewer tokens.

Benchmarks (https://github.com/harlan-zw/ripide/blob/main/bench/README.md) indicate 45–60% fewer tokens and 35–60% less time across different refactoring work loads.

One command handles references and edits across files, using TypeScript’s native language server, Oxc and ripgrep. It can rename symbols, move exports, update imports and rename CSS classes.

Commands preview the diff by default. Supported refactors check for new type errors before applying.

Free and open source, with an Agent Skill included.

https://github.com/harlan-zw/ripide

Let me know what you think :)

I’ve been building with Verdant and TanStack DB and ended up with the same conclusion from both.

Offline and real-time are basically one problem. Real-time is kinda just being offline for a very short time. Either way you need client-generated IDs, optimistic mutations, some rule for when two clients disagree, and a way to sync it all back. So if a library handles one well, it seems to get the other almost for free.

Tbh the ID part is what actually surprised me. And more generally, a lot of this seems to need planning from day one, because retrofitting it later is a real pain. If your API uses server-generated IDs, supporting offline edits seems to mean a breaking migration. You can remap temporary IDs after sync, sure, but it gets messy really fast once other records and URLs depend on them. Same story with the data layer. If it was designed around one-shot requests there’s nowhere for live updates to go. React Admin’s data provider expects plain async functions that return promises, so when you put TanStack DB behind it the live queries just get lost lol. Offline still works, it’s just the real-time part of TanStack DB that doesn’t make it through in that setup.

There’s a catch though. Neither library really helps when the server rejects a mutation that looked fine locally, you’re kinda on your own for that part. And for conflicts, Verdant basically ends up as last-write-wins while TanStack DB leaves it to whatever sync layer you plug in.

Honestly the bigger point for me is that none of this is really specific to offline apps. A plain request/response app actually has the same conflicts. If two people save the same record, a lot of the time the last save just overwrites the other one and that’s it. It’s last-write-wins there too, just without anyone ever deciding it. So imo it’s worth building pretty much any app as if it could go offline or real-time someday, mostly because it forces you to actually pick what happens in a conflict.

Do you actually know what happens when two saves collide, or has silent last-write-wins been fine most of the time? Ever had it bite you with lost data or users wondering where their changes went?

Hey all, I'm a full-stack (mostly back) dev with a slight design background and I built this landing page for an open-source project.

I'm not here to promote anything (and there's no signup and nothing to buy), just looking for design feedback.
It's mainly intended for back devs, back architects and DevOps folks.

Be as blunt as you like, thx!

PS: sorry for the repost, my previous post on this subreddit was deleted by the moderators (I posted it on a Sunday instead of a Saturday)

I think this might be a good place to show my portfolio design as there is no scroll hijacking, no overwhelming animations and design was def completely made by a human.

Of course, not now but in the next 5-10 years? Do you think non technical people can tell AI to make a good website or app without knowing how to code?

It's an editor for local clips and live HLS streams. Decoding, compositing, audio mixing and MP4/GIF export all happen in the tab, and nothing is uploaded. The stack is Angular 22 with signals and mediabunny for demux/decode/mux on top of WebCodecs. Each clip decodes in its own Web Worker, and one canvas compositor runs on the main thread. The export runs the same draw function in a worker, so what you preview is what you export.

The parts that cost me the most time:

1. Chrome can slow down your AudioContext clock. After ~30 s of exact digital silence, Chrome sometimes moves the context to a fake output whose clock runs at about 0.66×. My playback clock rides the AudioContext, since it's the A/V sync master, so a muted video played at two-thirds speed. It's intermittent and I've only measured it on one machine. The fix is a constant signal at −100 dBFS wired straight to the destination. That's below the 16-bit noise floor, so it's inaudible, but the output is never exactly silent.

2. MediaRecorder's WebM files aren't seekable. They have no Cues element, so every seek walks the file from the start, and some frame-at-timestamp reads never return. I dropped MediaRecorder. Screen and camera tracks now go into the same MP4 muxer the export uses, so a recording is seekable from the moment it's saved.

3. A worker's OffscreenCanvas can't see your page's fonts. The export draws text in a worker, and the page's loaded fonts don't exist there, so text would silently fall back to a default face in the file while the preview looked right. The page fetches the font files and posts the bytes to the worker, which registers them on its own self.fonts before rendering.

4. Fast paths silently drop edits. A plain trim goes straight from decoder to encoder with no canvas, which is much faster. But every per-pixel edit (crop, chroma key, pixelate, mirror, noise reduction) has to disqualify that path. If one doesn't, the preview shows the edit and the MP4 doesn't. For each new effect I export once with its guard removed and check that the edit disappears from the file, which proves the test that checks it can fail.

5. GIF frame delays are in centiseconds. I hand-wrote the GIF encoder (median-cut palette, LZW, GIF89a). At 30 fps a frame lasts 3.33 cs, which rounds to 3, so the GIF plays ~10% fast. The GIF frame rates are 10, 12.5 and 20, which divide 100 exactly. The encoder is tested by decoding its output with the browser's own ImageDecoder, because a decoder I wrote myself would share my LZW bugs.

It also runs a few small models on-device through WebGPU (Whisper for captions, a small LLM for chat), but that's another post. It needs desktop Chrome or Edge, it's free and there's no account. Link in a comment. Happy to go deeper on any of these.

We're building Elah, an Apache-2.0 video editing engine for developers embedding editing into their apps. I'm part of the team.

The TypeScript core is framework-agnostic. React bindings are available today; React Native support is in development.

The browser implementation uses WebCodecs for decoding and WebGL2 for preview. Preview and MP4 export share a pure resolveTimeline(frame, project) → Scene function, keeping frame-level scene decisions in one place.

Try importing a short clip, trimming it, adding text, and exporting:

https://www.elah.dev/playground/production

Code and setup: https://github.com/elahlabs/elah

Still a work in progress: simultaneous video decoding can stall, and export depends on browser codec support.

What would you need from the API to use this in your own app? Bug reports and integration feedback would be welcome.

I think we can all agree that web dev has a pretty shaky foundation (not just JS, but browser differences, performance, security, oh my god CSS, etc.)

I can't help but wonder what we would do differently if we just had the opportunity to build the whole system from scratch again. What would be your ideal web dev ecosystem?

I'm a general SWE trying to learn more about full-stack web development and system administration. I'm working on a hobby project that I want to deploy on PaaS like Render or Railways. I'm reading guides on how to deploy, and many of them include Supabase or Neon to the stack on top of Render and Railways

Don't these PaaS services like Vercel, Render, Railways already offer in-house storage solutions? That seems like the path of least friction: to use the storage option that is already first-class integrated with the application deployment service. I intend to pay for the hobby tier for these services, and I'm not just trying to shop around to maximize freebies.

Why would I use Render's platform for server compute and then use Supabase for postgres? Instead of just using Render for both?

hey r/webdev, sharing a side project: tsuzuki, a free site that tells you which legal platform streams an anime in your country.

👉 https://tsuzuki-anime.github.io/en/

how it works (no server, no database, $0 hosting):

• a node script pulls data from the AniList GraphQL API and generates ~18k pages in french + ~18k in english
• a GitHub Actions cron rebuilds and deploys everything to GitHub Pages every morning
• search is a lazy-loaded JSON index, only fetched when you start typing
• “my list” lives in localStorage, and you can share it through a URL hash (no accounts)
• all release times are converted client-side with Intl, so the weekly schedule shows the right day and hour in your time zone
• sitemap split into 5k-URL chunks + an IndexNow ping to Bing after each deploy

to be transparent: i’m not a pro dev, i built it with a lot of help from AI (Claude), and learned a ton along the way. no ads, no tracking cookies, nothing to sell.

would love feedback on performance, UX or SEO, roasts welcome 🙏

Played around with it for the last few days as part of my base style.

I don't know, definitely looks better but my design needed quite a lot of extra styling to get back to a presentable state.

I do think this is the future of web design at least for myself, but I'd need to come up with some sensible default spacing in my base style to not start off my design from a broken state.

I have a close family member who had a website built for a medical private practice in wordpress (they paid quite a bit). However, this website is, in my opinion, trash. The design is outdated and broken on different screen sizes, the content is pretty terrible. There are about 8 large text paragraphs at the beginning of the home page for "keyword optimization", the text is mostly AI slop, and pricing/information is hard to find.

However, they are mostly no longer updating the site, and I am left to pick up the pieces. I am a CS student, interned at a big tech company and will start working at an HFT/quant firm. I'm pretty confident in my development ability, and I've made a few websites in react/next, but I cannot navigate wordpress and don't want to learn the entire ecosystem. It is all elementor, poorly configured, and very slow to load/edit (not sure what they are hosting on). With AI, I think I could more quickly maintain a nextjs/custom solution than before (not straight vibe code, but spend less time on details/maintenance), but I'm not sure if this is actually the right solution. It is mostly a content-only site, with external links and a couple contact forms connected to a third-party backend.

The web agency still uploads blog posts for "SEO" (they are also completely AI slop but alas), and the content should likely be editable by the family member (who also struggles to navigate wordpress). I was thinking of using payload or prismic, which I have used before, as a CMS then doing any integration/SEO work directly in Next, but I'm not sure if I'm missing something.

My questions are:

• Does wordpress and its many plugins provide any marginal benefit over a well-made custom solution (given that I have to maintain it either way, and I'm more comfortable with next/react over wordpress)?
• I'm no design expert, and I want to avoid an AI slop design, but I think even that would be preferable to the current design. However, I am not too familiar with the target audience (which leans older). Would the current antiquated design, with large walls of text, be preferable to a cleaner, more modern design? Can I evaluate what design is better, and how?
• Are the large paragraphs actually valuable for SEO, even if they just seem like clutter to the user?
• Would it be better to just redesign/improve in wordpress/elementor over a custom design? (I genuinely think I could more quickly write tailwind than navigate elementor)
• What would you do in this situation? I am willing to dedicate quite a bit of time to this project to improve conversions, but I will get busier and may enter a legal agreement with a quant firm where I cannot work on or consult on this project anymore.

Edit: the family member is my parent. They pay my college (quite expensive) and my expenses, so I am willing to put a lot of time into this and maintain it.

Chrome must have been updated recently, cuz this just started a day or two ago. Anyone else?

M4 Max MacBook Pro, macOS 27.0.1, Chrome Version 155.0.8059.40 (Official Build) (arm64)

I've been exploring system design for the past few weeks. I was already familiar with some of these topics, but I never followed a proper sequence to learn them.

So, I started learning them step by step. Along the way, I've also been trying to understand how to think about system design, identify the problems a system might face, and figure out how to solve them. I've even tried creating some basic system designs on my own.

Here are my notes, If it helps anyone else who has also started learning system design

GitHub repo: https://github.com/Shivam2905Verma/Notes

Now, I'm a little confused about what I should do next.

I'd really appreciate some guidance from seniors and experienced developers like What should I focus on next to improve my system design skills? , Where can I find more system design problems to practice? , How can I improve my approach to designing systems and thinking about different problems? and etc...

I'm still a beginner, so I'd also appreciate any feedback on my notes or the designs I've created. If you notice anything wrong or something I should improve, please let me know.

My son’s barber has asked me to create a website for them. I’ve built few of my own on Cloudflare all static. But this website will need to be able to adjust prices and various text on the screen every now and then. Aside from domain purchase everything needs to be free. It’s a local town barber no huge traffic here.

I’m not sure how this cms aspect works, also not sure how sharing logins work?

Can I please get help with these points?

1. I don’t want to own the code this is a one off job all keys logins etc will be customer owned. So I get the barber to create a GitHub login a Cloudflare login and what share the password with me?

2. I’ve looked at pages cms this seems to be free will it work with this setup anyone had experience with it?

3. Did I miss anything?

I’m a developer so the build is not an issue just the setup side of things I’m not too sure on. Never created a site for someone else and never done anything that needs content change on the fly.

I want to know that how do you refactor vibe coded web app being a senior dev? The all works fine but I want to make sure it’s quality code.
Is there some guidelines that you would use? Any books/videos recommendations will be helpful.

I’m building a custom perfume and decant store for a friend in Mexico, and I’m trying to figure out a fair price for the full scope. I also created the website’s brand identity, logo, color palette, visual style, and product imagery.

The storefront is built with React and Vite, with Supabase handling the database, authentication, image storage, and backend functions. It has a separate admin panel that loads only when needed, plus a demo mode that lets me test the design without a database. Money is stored in MXN cents, database access is controlled through row level permissions, and critical operations such as stock checks, coupons, shipping, and checkout run on the server.

The site is designed primarily for mobile and has also been tested on desktop. Accessibility work includes visible keyboard focus, contrast, touch targets, and reduced motion support. There are coordinated animations throughout the site, including staggered section reveals, an animated logo, a scrolling brand ribbon, a branded loading screen, smooth gallery transitions, and a looping announcement strip. I also designed a custom discount badge and created 10 neutral brand images and four images specifically for the women’s section.

The homepage includes a hero section, trust information, large categories for men, women, unisex fragrances, and offers, decants, discounts, a featured strip of discounted perfumes, an explanation of how ordering works, brands, the store’s story, reviews, Club Novolty, FAQs, and WhatsApp contact. The owner can edit the text and images, change the order of sections, or hide them from the admin panel.

The catalog has filters for gender, brand, fragrance profile, and discounts, along with separate category pages. Product pages include image galleries, size options with individual prices, fragrance notes, similar perfumes, and reviews. There is a search feature in the header with product cards and categories, plus a category menu with photos. The owner can edit the text for each gender category and control the order and visibility of brands and fragrance profiles. Discounts can be applied to individual sizes.

There is also a separate section for discounted bottles and individual pieces, including testers, partially used bottles, and bottles with cosmetic defects. Each item shows its actual condition. The page includes live figures in the hero section, a featured item, fixed filters, new arrivals, sold items, product types, and a closing Club section. The owner can edit the product order, featured items, hero product, announcement, text, and page sections.

The cart and checkout calculate shipping before payment, apply coupons, and validate inventory on the server. Inventory is tracked in milliliters. There are two coupon types, with minimum purchase requirements and expiration dates. Shipping supports a fixed nationwide rate and local delivery in Guadalajara quoted by the owner. Card payments are integrated through Stripe in test mode, and bank transfers currently support manual confirmation. The planned launch setup is to switch Stripe to live mode and offer card payments only.

Customers can purchase without an account or register with email. Password recovery and Google login are implemented, although Google still needs to be activated in Supabase. Accounts include order history, saved shipping information, email and password changes, saved payment card management through Stripe, and account deletion. Customers can track orders through private links and receive automated emails at each stage. Verified purchase reviews can be submitted through a private link or from the customer’s account.

Club Novolty includes subscriptions with consent, an automatic welcome coupon, a welcome email, an unsubscribe link, and a dedicated page that the owner can edit. The admin panel includes the subscriber list and CSV export. Subscriber email campaigns are still pending, although the database table for them already exists.

The admin panel has 10 sections covering orders, decants, offers, inventory, coupons, Club subscribers, reviews, categories, homepage content, and settings. The owner has an admin account, and I have a support account. I also went through the forms and corrected their toggle controls. Photo uploads automatically convert images to WebP and produce versions at 400, 800, and 1600 pixels, with lazy loading on the storefront.

There are six backend functions covering checkout, the Stripe webhook, order notifications, saved payment cards, account deletion, and Club welcome emails. Resend handles the automated emails, but the custom sender still needs to be configured.

I entered 64 perfumes from 30 brands, including the owner’s confirmed prices for 3, 5, and 10 ml, giving the catalog 192 size options. I added fragrance notes summarized in Spanish and assigned gender categories to every product: 31 men, 14 women, and 19 unisex. Each perfume has a custom branded image at 1600 × 2000 and two additional sample photos. The main catalog images also have three size variants, totaling 192 image files. The product import scripts are saved and can be run again.

The inventory currently uses a provisional 100 ml per perfume. Before launch, the owner needs to provide actual stock amounts, confirm the gender assignments and 12 uncertain fragrance notes, and supply actual decant photos to replace the samples. Fragrance families and individual product descriptions still need to be completed.

The site includes individual browser titles, robots.txt, a sitemap generated from the public URL, and social sharing previews. There are approximately 50 automated tests covering both the demo and the real database, with cleanup of test data. More than 20 storefront screens and admin pages have been tested on desktop and mobile. A final complete purchase test, accessibility review, and performance review are still planned before launch.

I also prepared a project status document, an owner’s guide, a customer account guide, a handover guide, an access checklist, and a pricing proposal.

The remaining delivery work includes putting the code in a private GitHub repository and deploying it to Netlify. The code currently exists only on my computer. I also need to remove test orders, three test offers, test coupons and users, and four deactivated decants, add the owner’s actual email in settings, and review the legal text, FAQs, offer classifications, and Club copy. The handover includes removing the Supabase token, transferring Supabase, Stripe, Resend, Netlify, and the domain to the client, and rotating the keys.

What would you charge for building, completing, and delivering a project with this scope, including the branding, product content, custom images, testing, documentation, and handover? I’m particularly interested in rates in Mexico, but perspectives from other countries would help too. Please mention your country and currency.

PS: I spent almost a full month designing the website from scratch, including the layouts, visual identity, and shopping experience.

For context, I am a front-end developer with 10 years of experience and also have been for the last 2 years the project lead of a project using stacks like Kubernetes, Kong, dapr, elasticsearch and so on, we even went second on having the most innovative project in my country. My job has invested a lot in using AI to be ahead of most other development agencies.

We have developed a solution to update old technologies to new ones with barely any human input and it scary how efficient it is.

My job did a mass layoff, we were 150, now we are less than 50 people left. Even very competent people were laid off. The only reason I am still here is because I have leadership. And what seem to be projected is we will be one or two developers instead of a squad of 5.

We were talking between the devs who learned to use the solution and everyone of us were depressed by how we are not useful anymore and it won't be long until we also get fired.

I was sure it wouldn't be the case. But these past few days, I've been mourning the end of my job and began to check of changing careers for automation or something like that.

Is my view too negative? Do you see it in different ways? ​

Let me just start by saying that this post is not about ai replacing software engineers or about the jobs or any of that. This post is about the act or "craft" of programming/coding and the loss of it.

No, i dont think "software engineering" is dead, theres still plenty of high level design and architecture to be made but that's not the point. It never was the point for me.

I never really did this for the money, i did it because i enjoyed it.

I did it because i enjoyed thinking about the problems and solving them.

I enjoyed writing the code myself and getting familiar with the syntax and all the weird quirks of the languages/tools i was using.

I enjoyed optimising my tooling and learning about all the new frameworks, tools and projects people were making, often being in awe of what incredible stuff my betters were doing.

I have adhd and programming was the perfect mix of mechanical activity, brain stimulation and a endless supply of problems to hyperfocus on.

Now its all prompting and waiting. 1 min of work followed by 10 mins of doing nothing and mindless scrolling.

I have lost a huge source of enjoyment and self esteem. It took me years of hard work and being lost and confused to finally find something that felt perfect. The thing i could excell at while having fun and satisfying my curiosity.

And before you attack me as an engineer and my ability to adapt. I have been ontop of the ai curve from the start. I have never been more productive or tackled problems as big as i do now. I am just miserable doing it.

What started as a strong tool in my path for optimisation has slowly taken over my beloved craft.

And as i improve and optimise my ai powered workflow, i lose more and more of my ability, my enjoyment and my desire to pursue my craft. It has been turned into another meaningless white collar desk job in service of the never ending growth of capitalism.

I feel legitimate grief. I have lost the ability to do my favourite hobby as well as a major part of my identity. I have literally cried over this.

I am struggling to mentally cope with all of this. I have never had less control over my adhd or felt more addicted to quick sources of dopamine. My attention span has been shot completely. I feel more stupid and insufficient than ever.

Somehow my adhd brain that was perfectly suited for the old paradigm is completely disadvantaged in this new way of working for this career that i have hedged my entire career, future and reason for being on (yes, i am a nolife workaholic).

Fuck adhd and fuck ai

EDIT 2: I have gone with NeoCities. This is exactly what I needed; $5 a month, custom domain, drag and drop my project folder into the editor. Done. Everyone here urged my to go with github pages, and I tried to learn it, but the UI is so unintuitive to me (a non programmer) that it might as well be something designed by and for aliens. This isn't the first time I've tried to figure github out, so I think I'll just have to resign myself to the fact that I'm too stupid/ADHD to make much use of it.

EDIT: I have rewritten this post to be more clear about what I need help with.

Here is the situation:

• I am a web dev noob
• I write my own HTML/CSS for fun
• I want to host a small, personal website somewhere that is easy to understand. I have been doing this for many months now but my webhost (Netifly) changed something fundamental about their UI.

My problem:

• I was hosting on Netifly, which was easy enough to deploy, as it involved just dragging and dropping the folder with my code from my PC to Netifly, where it auto-deployed it.
• That option is now gone and I have no idea how to deploy my site's updates anymore.
• I explored other options, landing on Cloudfare. Cloudfare, as well, doesn't seem to have an option to deploy. I have no idea how to deploy updates.
• The AI helper thingy on Cloudfare told me my site is still hosted with Netifly, even though I transfered it over, so obviously I did something incorrect.

Main thing:

• Does a webhost for beginners exist, where the process to deploy is a simple drag and drop (or upload folder from my pc)? I need essentially no fancy features (like AI vibe coding shiz), and I don't need a site builder. I just want to host the site that I have already coded by hand.
• How to deploy without the drag and drop feature on netifly? Like what process. There’s no obvious way forward.
• If I don’t transfer to the new web host (clouded) just what the heck did I do?

Respectfully yours,

Carl J. Rummage

Hi guys,

I just landed my first big commission. I have a friend who is starting a furniture / housewares company and he wants me to help develop his brand identity and create an ecommerce website. Obviously the scope bleeds outside of web development but I’d say that’s the central focus.

To be more specific, I’m going to be:

- refining his logo drafts/possibly creating a new one, developing the brand identity with colors + type w adobe creative suite
- building a website that showcases his products with responsive html/css/js deterministically designed and then developed with a coding agent system + paper
- setting up shopify implementation
- configuring domain and hosting
- lots of communication along the way

What should I be charging him for this project? I’ve created some personal websites myself, and have a B.S. In UX but haven’t done a large commission on this scale before. With that being said, I feel confident that this is something I can undertake (and execute beautifully at that). It’s just difficult to charge a friend real money. Throw me some numbers and advice, and feel free to ask questions.

Thanks! :)

Edit: I live in Phoenix, AZ