DevIdiot!

I built a 15-tool PDF suite running 100% on-chain with React and Motoko

Hey everyone,Most web-based PDF tools upload your private files to a random backend server just to merge a couple of pages or add a signature. I wanted to see what it would look like to build an all-in-one PDF utility suite that runs completely serverless on the Internet Computer Protocol (ICP).After a lot of trial and error configuring the UI and backend logic, I finally wrapped up VaultyPDF. What it actually doesInstead of building just a basic file converter, I packed 15+ everyday docume

Scaling Frontend Development: Understanding Micro-Frontends Architecture

What Are Micro-Frontends?Micro-frontends represent an architectural pattern where a large web application user interface (the visible part of a website users interact with) is broken down into smaller, semi-independent micro-applications. Instead of building one massive frontend codebase managed by every developer simultaneously, different parts of the screen are built and maintained by separate teams. These smaller pieces are then seamlessly stitched together inside the browser to deliver

How deeply can you configure How deeply can you configure a workflow editor? The palette, panels, and theme are data

Disclaimer: I work at Synergy Codes, the team behind Workflow Builder, and this article was first published on the Workflow Builder blog. The demo and the code are mine.TL;DR: The editor in Workflow Builder is data-driven. A backend serves the node palette, the property panels, and the theme as JSON and CSS variables, so you customize the editor by editing data, not by rewriting code. I built a demo with two editors that share every line of code yet look and behave like different products. Live

The React Compiler silently skipped 15 of our files, and it will tell you exactly why if you ask it

PubTrivia has had this in its Next config since the first week:const nextConfig = { // Enable React Compiler for automatic memoization reactCompiler: true, ...One line, a devDependency on babel-plugin-react-compiler, and then nobody ever looked at what it did. The whole pitch of the compiler is that you stop thinking about memoisation, so not thinking about it felt like compliance. This week I went and audited it from both ends: the output in the deployed JavaScript, and the compiler's own lo

Web Font Optimization in web applications

How to reduce font payloads, improve rendering, and use variable fonts in modern web applications.Fonts are easy to overlook when optimizing a website. We spend time reducing JavaScript bundles, optimizing images, and tuning server responses—but custom typefaces can quietly add hundreds of kilobytes to the page.In this guide, we'll walk through four approaches to font optimization:Compressing the font files you already use.Choosing modern web-font formats such as WOFF2.Using built-in font optimi

From 40–50% Less Rescanning to Eliminating a Tailwind Full Rescan in Ionify

Inside Ionify — An engineering experiment with virtual compiler inputs, build artifacts, and correctness-aware invalidation.A few days ago, I shared a Tailwind performance regression in Ionify, my open-source frontend build tool.A developer reported that changing Tailwind classes could trigger a full rescan.In the affected workload, a 100-file-change build increased from approximately 300ms to 1.3s.Our first optimization reduced the measured overhead by around 40–50%.That was encouraging.But it

Our desktop clock can say 134 different ages, and "60s ago" is not one of them while "in 60s" is

Notifio's desktop UI is mostly a list of searches with a time next to each one. "checked 12s ago". "last check 4m ago". A found listing says when it turned up. There is no chart and no dashboard, because the only question the window has to answer continuously is "is this thing still working", and an age is the cheapest possible answer to it.All of that comes out of one file with three functions in it:// app/src/renderer/format.ts/** "12s ago", "4m ago", "2h ago". Empty string for a null timestam

LLM API rate limits: not every 429 should be retried

Originally published on Extenify.LLM API rate limits usually show up the week after launch, not during testing: a burst of users hits your backend, OpenAI, Claude or Gemini answers with HTTP 429, and your UI spins forever. The surprising part is that many 429s are not rate limits at all, and retrying them only burns time. Here is how to tell the difference, retry the ones that can succeed, and stop most of them from happening. A 429 can mean "slow down" or "pay up"All three providers reuse

Texture Atlases for a Browser Game Map

Originally published on the DENSHIN blog.The first thing we want you to see when you open Denshin is a readable city. The street markings help with that. A car turning onto an avenue helps the city feel alive, but the map can already tell you where you are before the car arrives. Those two jobs look similar in the art folder. They shouldn't have the same place in the loading queue.We pack the road markings and the vehicles into separate texture atlases. Here's what an atlas changes, how we keep

I built a 100% client-side Webtoon Slicer & Batch Folder Image Compressor (Zero Server Uploads)

CreaPocket — In-Browser Webtoon Slicer & Batch Folder Image Compressor🔗 Live Web Toolkit: https://creapocket.xyz (100% Free · No Sign-up · Zero Server Uploads)CreaPocket is a lightweight collection of browser-based utilities built for digital comic creators, illustrators, and web developers. Every tool runs 100% locally in your browser using HTML5 Canvas and WebAssembly—your artwork and folders never leave your device. 🛠️ Available Live Tools 1. Webtoon & Manga Image Slic

A 3D configurator for sauna and wellness manufacturers: nobody buys from a PDF

Nobody orders a sauna or a spa costing tens of thousands from a PDF. Yet most premium wellness manufacturers sell exactly that way: from a catalogue and an emailed quote. The customer wants to see the product first, their product, in their light. That is precisely what a wellness configurator builds.I build custom 3D configurators, and wellness is one of the most rewarding cases for one. Here is why, and what it looks like. The problem with premium wellnessA sauna is a decision about feelin

INP Is the Core Web Vital That Punishes Your JavaScript: How to Find the Slow Interaction and Fix It

A page can load in under a second, score green on LCP, never shift a pixel, and still feel broken. You tap "Add to cart", nothing happens for half a second, you tap again, and now there are two items in the basket.That half second has a name. Interaction to Next Paint (INP) became a Core Web Vital in March 2024, replacing First Input Delay, and it is the metric most teams discover only when Search Console starts flagging URLs as "Poor". FID only measured the delay before the browser started hand

Learning to Code Is Not Enough: Why Every Beginner Should Build Real Projects

LEARNING TO CODE IS NOT ENOUGH: WHY EVERY BEGINNER SHOULD BUILD REAL PROJECTSStarting a career in web development can feel exciting at first. You watch tutorials, learn HTML and CSS, move on to JavaScript, and eventually start exploring React or other technologies.But after spending weeks or even months learning, many beginners face the same problem:"I understand the concepts, but can I actually build something on my own?"This is where practical experience makes a difference.LEARNING AND BUILDIN

40+ Free Health & Fitness Calculators in Your Browser (Plus the Formulas Behind Them)

Every few months I end up in the same loop: open a random health calculator, get buried in popups, hit a signup wall, then close the tab.Most people just want a quick number. How many calories should I eat? What pace do I need for a 5K? How much should I put on the barbell?That's why I like having everything in one place. Noloii's Health & Fitness Tools collection puts 40+ free calculators and trackers in a single hub. They run in your browser with no signup required.👉 Try it here: Free Heal

Your Quote Said 2.67 and the Invoice Said 2.68 Because toFixed Never Saw 2.675

Trade priceswere kept to a tenth of a penny.Screws by the hundred,cable by the metre,2.675 a unit.The quote pagerounded each line for display.price.toFixed(2)The finance systemrounded the same linewhen it raised the invoice.Half up,in decimal,the way an accountant would.Most lines agreed.Some did not.The quote said 2.67.The invoice said 2.68.A penny a line,on a few hundred lines,on a big order.Customers noticedbefore anybody in the office did.The quote is what we agreed,they said.They were not w

How I Built a 52-Tool Client-Side PDF Suite with WebAssembly, OPFS, and $0 Server Costs

Online PDF tools have an uncomfortable default: to merge two bank statements or shrink a 3 MB certificate to 180 KB, you are expected to upload private identity documents to someone else's cloud server.I wanted to know how far modern browser APIs could push that entire workflow locally—with $0 in backend compute, zero S3 storage, and zero server uploads. That experiment grew into EverydayPDF, a static Next.js 14 application hosting 52 client-side PDF and document tools on Cloudflare Pages.Here i

Selling access to a private Telegram channel: invite links, expiry and renewals done right

Selling access to a private Telegram channel or group sounds simple: take a payment, send a link. In practice the link is where most paid channels leak. A link gets forwarded, a member who stopped paying is still inside three months later, and a "free trial" turns into free access forever.Here is how to build the access side properly with the Bot API: which links to create, how to gate joins, how to remove people when their time runs out, and the details that are easy to miss. Option 1: let

How I Built NexChat (NexxChat): A Real-Time Messaging & WebRTC Video App for Web, Android, and Windows

Building a full-stack real-time messaging, voice/video calling, and file-sharing app using React, Socket.IO, WebRTC, Capacitor, and Electron from a single codebase.Most messaging projects stay stuck as browser-only demos. When I set out to build NexChat (also known as NexxChat), my goal was to ship a single unified codebase that runs smoothly across Web, Android (native APK), and Windows Desktop (.exe).👉 Try the Live Web App: https://nexxchat-zeta.vercel.app/👉 Source Code & Releases: github.

Can You Render JSX on Windows Without a Browser? I Built an Engine to Find Out.

Can You Render JSX on Windows Without a Browser? I Built an Engine to Find Out.A while ago, we shared an update mentioning that LeveloJS was rethinking its architectural foundation.As the founder and lead developer of the project, I asked myself a question that felt unreasonable for a small setup:Can we write regular JavaScript and JSX, yet render it directly onto an operating system window with zero Chromium, zero V8, and zero WebView?I wasn’t interested in wrapping another browser inside

Stop Hand-Typing TypeScript & Zod Schemas: How I Built a Chrome SidePanel API Mocker & Code Generator

While building frontend applications in React and TypeScript, two repetitive tasks always slowed me down:Testing UI edge cases (500 Server Error, 401 Unauthorized, or 3000ms slow network latency) without modifying frontend code or setting up heavy proxy tools.Manually writing TypeScript interface definitions and Zod validation schemas from deeply nested API JSON responses.To solve both in a single workflow, I built API Craft Pro — a lightweight, 100% local-first Chrome SidePanel extension.