web-development

CORS is one of those things every web developer runs into sooner or later. Most of us know how to fix it — add a header, change a config, ask the backend person to "do something about CORS." But how many of us actually understand what the browser is doing in the background, and why it's doing it? Let's go through it today, slowly, with a simple example. What's an "origin"? Before we get into CORS…

There's something quietly satisfying about having a place on the internet that is entirely yours. Not a profile on someone else's platform. Not a template with your name swapped in. Something you thought about, designed, and put together from scratch. That's what niteshupreti.com.np is for me. Where It Started I'm an IT student at Kathmandu University, working towards a career in cybersecurity — …

The Problem Most online resume builders fall into two camps: SaaS tools that upload your resume to a server for PDF generation — your most sensitive personal data leaves your machine. LaTeX/Typst templates that produce great output but require a local toolchain, package manager, and CLI fluency. For non-technical users, option 2 is inaccessible. For privacy-conscious users, option 1 is unacceptab…

This is a post about plumbing. We send a newsletter, it goes out from our own site, and over the last few months that setup turned into something I actually like working on. Here is the whole thing. Why we left Substack The newsletter used to live on Substack. We moved it for one reason: SEO control. We were in the middle of fixing indexation on getbeton.ai, working through every factor that coul…

Building a Browser-Based Inkarnate Alternative for D&D Battle Maps When people search for an Inkarnate alternative , they are usually not asking for one single thing. Some want a beautiful fantasy world map. Some want a regional map for a novel. Some want a city map. But a lot of Dungeon Masters want something much more practical: “I need a playable D&D battle map for this week’s session, and I d…

I added search to all three of my AI-curated directory sites last month. The choice wasn't obvious — there are at least four options with real adoption — so here's the breakdown I actually ran through before landing on Pagefind . The four options I considered Pagefind is a Rust-based static search library. It runs at build time, generates an index in /_pagefind/ , and serves everything as static …

I spent a weekend wondering why a client's Next.js store had zero Google Shopping impressions after three months live. The site looked great. Performance scores were solid. But Googlebot was essentially blind to 80% of the product catalog. The culprit wasn't the framework. It was a handful of missing metadata patterns that most frontend developers never learn because they're not in any React tuto…

If you haven’t checked out the latest Tailwind CSS v4.3 release yet, you are missing out on some massive workflow upgrades. This update brings long-awaited layout properties natively into the framework, cutting down the need for custom CSS or third-party plugins. Here is a breakdown of the most exciting features in Tailwind CSS v4.3, complete with practical code examples. 1. Native Scrollbar Styl…

CampusConnect is a private social networking platform designed exclusively for college students using verified college email IDs. What Problem Are We Solving? Students often struggle with: Spam and fake accounts Lack of privacy on traditional social media No dedicated student-only community Difficulty connecting with seniors, juniors, clubs, and peers Our Solution CampusConnect creates a secure d…

Nearly every project I've worked on has, at some point, had to answer the question of inlining SVGs into HTML. I've been refining my approach to this from project to project and now have something stable and reusable I just drop into anything new. Why inline SVGs at all? Embedding SVG markup directly in your HTML gives CSS full access to the SVG's internals — fill: currentColor , stroke control, …

Responsive design is shifting from viewport-driven (media queries) to intrinsic / behavior-driven (the layout adapts to its content and container). AI tools accelerate CSS output but default to the older patterns. This doc covers what changed, the correct modern patterns, and where AI-generated CSS goes wrong. 1. The old model Layouts switched at fixed breakpoints: .card { width : 400px ; } @medi…

A few months ago I got frustrated. Every time I needed a quick developer tool — format some JSON, generate a UUID, check a redirect chain — I'd end up on some sketchy site that was slow, plastered with ads, and (worst of all) sending my data to a server I knew nothing about. So I did what any developer would do: I built my own. Today, WebToolkit Pro is live at wtkpro.site with 40+ free tools — an…

Originally published at cosmicjs.com Choosing between Astro and Next.js in 2026? Both are excellent frameworks, but they solve different problems. This guide breaks down the real tradeoffs so you can make the right call for your project. The Short Answer Use Astro when your site is content-heavy and you want maximum performance with minimal JavaScript. Use Next.js when you need a full-stack React…

Hi everyone, hope y'all having a great day ! Side project I've been building for months during my own MCU marathon. Not a weekend vibe-code — real architecture, hand-curated data, iterative development with AI assistance. Three apps, one dataset, pnpm monorepo: Marathon — PWA viewing tracker (Zustand, localStorage + Supabase sync, 3 view modes) Map — 3D globe (react-globe.gl, Three.js, pin cluste…

The Problem OS dark mode doesn't affect PDF content Existing tools upload your files, are slow, or have few options What I Built 16+ themes, GPU-accelerated, fully offline, zero uploads Link to live tool + screenshot How It Works (Technical) pdf.js rendering → Canvas API color transform → PDF assembly Parallel page processing Text layer preservation technique Image detection and preservation Try …

As Steve Jobs said, " Design is not just what it looks like and feels like. Design is how it works. " Converting an image to PDF should work like this: open tool → upload image → get PDF. That is it. No backend calls, no third-party APIs, no file size limits from a server. Here is how it actually works in the browser — and why TechMind.click built it this way. The Core Approach - Canvas + jsPDF T…

No subscriptions. No accounts. No data sent to anyone. Just open it and start invoicing. Link : https://invoicegeny.com/ If you run a small business, freelance, or do any kind of client work, invoicing is one of those necessary evils. You need professional-looking invoices, but the tools that create them either cost money every month, require you to create an account, or lock your data behind a l…

A small, HLS-capable video player for React and Vue, with zero global CSS side-effects. Built in the open. Try it: https://video-player-playgraound.vercel.app/ The annoying gap I needed an embeddable video player for a side project. Requirements were boring: HLS streaming ( .m3u8 ) A clean play button overlay, optional close button, optional desktop/mobile aspect-ratio toggle Fits the design syst…

I launched MyCalculator.us thinking it would be a small weekend project. Build a few tools. Put them online. Maybe get some traffic. Six months later, I've learned more about what people actually need from the web than I ever expected. Here's what surprised me. People Search With Very Specific Intent I assumed visitors would land on a homepage and browse. They don't. They type exactly what they n…

The Problem Every freelancer needs invoices. Most "free" tools aren't really free — they limit you to 5 invoices/month, require an account, or add watermarks. I wanted to build the simplest possible invoice tool with zero ongoing costs. The Architecture The entire application runs client-side in the browser: No backend — all logic runs in JavaScript No database — form state lives in the DOM No au…