web-development

Hey everyone, I wanted to share an open-source library I’ve been developing to solve a persistent issue in frontend file ingestion: handling large-file uploads efficiently without blocking the main thread, consuming excessive client-side memory, or introducing heavy npm dependencies. The core architecture leverages Fetch Duplex streams combined with Web Streams API to achieve constant memory usag…

Image compression is one of those small features that can make a website feel much faster. If users upload large photos from a phone, the original image can easily be 3MB, 5MB or even 10MB. For many apps, blogs, forms and dashboards, that is bigger than needed. The good news is that basic image compression can be done directly in the browser using JavaScript, canvas and canvas.toBlob() . In this …

Static sites are great: fast, cheap to host, almost nothing to attack. Then you add a contact form and hit the same wall everyone hits — a static site can't process a submission. You need a backend. The usual answers are a third-party service (Formspree, Netlify Forms, Basin) or a small server you now have to babysit. Both add a dependency you don't control, a recurring bill, and — the part that …

Most WordPress translation solutions ask you to restructure your site. WPML adds a language switcher and creates separate post copies for each language. Polylang does the same. Both require you to manage translations page by page, keep multiple versions of every post in sync, and deal with plugin conflicts when your theme or other plugins update. The WeLocale plugin works differently. There is no…

If you've ever seen this in the console: Uncaught ReferenceError: SharedArrayBuffer is not defined or your multithreaded WebAssembly quietly fell back to a single thread, the cause is almost always the same thing: your page is not cross-origin isolated. Here's what that means, why the browser does it, and exactly how to fix it. TL;DR Send these two headers on the response for the document that lo…

Most print-ready websites are slow, bloated, and covered in ads. I wanted to build a clean directory for paper templates that loads instantly and prints perfectly. I built PrintableCove to solve this. The tech stack is lightweight: Astro for generating static pages and Tailwind CSS for styling. The major technical challenge was ensuring that the PDF files and print stylesheets rendered exactly to…

Hey folks! In this article, I want to share our experience building a screen recorder inside the browser. The product is Browser Recorder , a Chrome extension that can record screen, camera, microphone, add zoom effects, trim, cut, and export the final video. At first, the recording part looked pretty simple. Browser APIs already give us screen capture and camera capture. But when we started to p…

I built a small, focused 2026 World Cup tracker for fans who want the essentials without opening five different pages: schedule, groups, standings snapshots, key fixtures, and the new qualification rules for the 48-team format. The site is here: https://wc2026.info/ A few implementation notes: The frontend is built with Next.js and TypeScript. The page is designed around quick scanning on mobile:…

The obsession with centralizing heavy compute on backend servers is a massive bottleneck for both cost and latency. In 2026, as more applications move to the edge, developers are realizing that the user's browser is an incredibly powerful, untapped compute engine. Recently, I challenged myself to build a free live chess game analyzer for my developer utility suite, CipherKit. The traditional arch…

The Problem Nobody Talks About Picture this: You're trying to find a place to meet up with friends. Someone suggests a coffee shop. It's 8 minutes from their house. It's 45 minutes from yours. You say yes anyway, because suggesting a different place feels awkward. This happens all the time — with friends, with remote teams, with family scattered across a city. And the worst part? Most "meet in th…

I recently built Radio Balkan — a single-page web player that puts 750+ Balkan radio stations in one place: no ads, no sign-up, no cookie banners. It's my first "real" shipped project, and the journey taught me more than any tutorial. Here are the parts I think other devs will find useful. The stack (deliberately boring) One static HTML file for the app — vanilla HTML/CSS/JS, no framework. Supaba…

How it feels to be an old school web-based sports sim dev when tons of vibecoded web-based sports sims are being released Back when I started working on the web-based version of Basketball GM in 2012, web development was very different. npm was brand new and hardly anyone used it. Bundling/deploying JS was very primitive, a lot of people still were just concatenating files together. And things li…

An image flattens everything into one frozen raster. HMML keeps the pieces - vector, text, raster, 3D, motion - composable and editable, created at the grain of a node, not a 1024-grid of guesses. A photo, an icon, a chart, a 3D scene - an image crushes them into one raster. HMML keeps each as itself: layered, addressable, recomposable. Create and edit at the grain of an element, a transform, a k…

The Problem Every time I needed a quick tool online, the same loop: Search for free PDF compressor Find a promising site Hit a sign-up wall or paywall Repeat for every tool I got tired of it. So I built CrispToolHub — a hub of 65+ free browser-based tools. What I Built crisptoolhub.com — 70 pages, 65+ tools: 📄 PDF Toolkit (10 tools using pdf-lib + PDF.js) 📝 Resume & Career (10 tools with Gemini A…

Every SaaS product eventually hits the same wall: users want to send emails, and they want to design them themselves. So you go looking for an embeddable email editor. Then you see the pricing. Unlayer starts at $250/month. Beefree SDK at $2,500/month. Chamaileon is "contact us". For a bootstrapped product, that's often more than your entire infrastructure bill. So I built Maillune. What it is A …

Most utility websites today feel overloaded. Too many ads. Too many popups. Slow loading. Confusing layouts. So I started building a small side project focused on a different approach: simple, lightweight, fast-loading tools that work instantly. The project includes things like: EMI Calculator Unit Converter JSON Formatter QR Generator Password Checker Typing Tools Mini Browser Games But the inte…

I built ResizeKB — a free image and PDF resizer built specifically for Indian users. 25+ tools. Zero server uploads. Pure HTML, CSS, JavaScript. Here's how and why. The Problem Every Indian applying for government jobs, exams, or bank accounts hits the same wall — portals with strict KB limits rejecting documents. UPSC wants photo under 300KB. SSC wants under 50KB. Banks need Aadhaar PDF under 50…

This is a submission for the GitHub Finish-Up-A-Thon Challenge What I Built SignBridge is an educational, bidirectional communication bridge that breaks down the walls between the deaf/hard-of-hearing and the speaking world. Built with Next.js 15 and React 19, it enables flawless two-way communication:Type → Sign: Anyone can type English text or use speech-to-text, which instantly commands an on-…

Page builders won. Wix, Squarespace, Webflow, and Framer cover most small business needs in an afternoon. So why would anyone still hand-code a marketing site in 2026? We run Blackstone Motion , a motion-first web studio. We build custom sites for service businesses, hospitality, and local brands that outgrew their template but do not need a full product engineering team. This is when hand-coded …

Crucible v1.1.0 — The App-Building Kit Release 🚀 Most component libraries give you a black box: install a package, fight its API, and inherit a runtime dependency you can't fully control. Crucible takes the opposite approach — it generates the source code for components directly into your project. No runtime. You own every file. v1.1.0 is the App-Building Kit release. What's new 14 new components…