web-development

I audited 14 Shopify themes last quarter for speed. 11 of them blamed apps. None had touched Liquid loop count, capture-in-loop allocations, or image output. After optimizing 100+ Shopify stores over 12 years: the code-level patterns in your theme files account for 40-60% of total render time. Apps matter. Images matter. The template layer is where the compounding problems live. Here are the 5 Li…

I’ve reviewed plenty of WordPress sites where teams go straight to a redesign or content sprint while the site’s foundation quietly sabotages their effort. Short version: if Google can’t find or understand your pages, prettier templates and new blog posts won’t move the needle. Why crawlability and indexation matter first Search engines don’t rank what they can’t see. That usually shows up as pag…

Look, I get it. You used Lovable or Bolt, shipped a beautiful landing page in 3 hours, and felt like a god. The UI is slick, animations are butter. But it's been 3 weeks and you have 0 organic traffic. Here is why: you shipped a Client-Side Rendered (CSR) React app. Google hates those. I was digging into indexation stats recently. Google takes about 9x longer to index JS-heavy pages. If your site…

TL;DR: I built a P2P file transfer tool that runs entirely in the browser. No install, no server relay, no account. Here's what I learned about WebRTC data channels, resumable transfers, and the browser storage mess along the way. Most file transfer tools follow the same pattern: upload to a server, get a link, the recipient downloads from that server. Your file sits on someone else's infrastruct…

The problem we kept seeing Product, marketing, and CX teams want on-site feedback , NPS , and lightweight announcements (changelog nudges, maintenance banners, promos) on real pages—marketing sites, docs, and product surfaces. Engineering teams want that signal too, but they rarely want another heavy client SDK or a multi-week integration just to ship those surfaces. So we biased toward the most …

We Rewrote Our Angular 18 App in React 20 and Increased Developer Velocity by 40% Last quarter, our engineering team made the bold call to rewrite our 3-year-old Angular 18 production application in React 20. After 6 months of development, we cut over to the new stack with zero downtime, and the results have exceeded our expectations: we’ve measured a 40% increase in developer velocity, alongside…

I recently built a dynamic testimonials component for my project at Coloring Maker and wanted to give it a little extra "magic." This is how I did it. 1. The HTML Structure The structure is quite simple. We need a main wrapper that acts as our "sky" and a series of div elements that will become our hearts. It is crucial that the main container has the position: relative; and overflow: hidden; pro…

Hey people 👋 So yesterday I was getting bored and thought, “Why not build something random?” After a bit of Googling and asking our favourite companion, the hero ChatGPT, I decided to make a small project called QuickPedia . It’s nothing too fancy, but the idea is pretty simple: -Search any topic -Get a quick article summary -View important sections related to that topic I’m building it using : -…

Scroll-driven Animations: The Future of Interactive Web Design For many years, web designers and developers have sought ways to make the digital experience smoother, more organic, and responsive to user behavior. Traditionally, creating complex scroll-triggered animations required heavy JavaScript libraries, significant manual calculations, and often led to performance issues. However, the situat…

RoxyPiano is the only free browser-based piano that combines 88 keys, 128 GM instrument sounds, Salamander Grand Piano V3 studio-quality samples, and full USB MIDI keyboard support — all without any download or account required. It features falling notes visualization at 60fps, a Wait Mode that pauses until you press the correct key, real-time practice scoring, advanced metronome with accent patt…

As a Full Stack & AI/ML Engineer, my daily workflow involves architecting LLM pipelines, scaling backend infrastructure, and dealing with complex data layers. But when it came to presenting my own work, I realized something: traditional PDF resumes and basic grid portfolios are boring. They tell people what you can do, but they completely fail to show it. I decided to stop telling people I write …

Originally published on adiss.dev Every second of delay costs you conversions. Google knows it, users feel it — and you're probably ignoring it. What's Actually the Problem? The most common causes of a slow landing page aren't complex. In 90% of cases, it comes down to three things: Unoptimized images that are too large JavaScript blocking rendering Fonts loading synchronously Each of these can a…

How I Built a 3D Interactive Portfolio with React, Three.js, and Cloudflare Workers I rebuilt my portfolio as a full WebGL solar system. Here is what I learned about shipping it as a real product instead of a demo. The constraints Has to feel 60 FPS even on mid-range devices Total payload under 2 MB on first load Zero 4xx errors in production Indexable by Google despite being a SPA What worked La…

You've just shipped a site. It loads instantly on your machine, looks great, passes your internal checks. Then you run it through PageSpeed Insights and the mobile score comes back at 41. The instinct is to dismiss it. "Google throttles the test." "It's not a realistic environment." "My actual users aren't seeing this." Some of them are. What the Test Is Actually Simulating PageSpeed Insights use…

In today’s developer ecosystem, we’re surrounded by feature-rich tools, complex IDEs, and heavy software. But sometimes, all you really need is a clean terminal and quick access to your system. That’s where term.lfix.us comes in. 💡 What is term.lfix.us ? term.lfix.us is a browser-based terminal interface that lets you access and interact with a remote system directly from your web browser. No ins…

** Introduction ** In today’s fast-moving digital world, QR codes have become an essential tool for sharing information quickly and efficiently. Whether it’s for websites, payment links, contact details, Wi-Fi access, or business promotions, QR codes make communication simple and instant. To solve this need in a clean and user-friendly way, I built ZingQR, a minimalist QR Code Generator designed …

Cross-posted from omnvert.com — a growing collection of free, privacy-first web tools. I got tired of the same experience every time I needed a quick file conversion: Google "heic to jpg online" or "csv to json converter" Land on a site with 14 ads, a file size limit, and a spinner that uploads my file to god-knows-where Wait. Wonder if my data is now on some server in a basement somewhere. Downl…

Every UI idea starts the same way. A sentence. A sketch. A screenshot of something you saw and liked. Then the process starts and the idea starts dying. Wireframes go to designers. Designs go to developers. Somewhere in that handoff, the original intent gets trimmed, approximated, and eventually shipped as something slightly less than what you imagined. Google Stitch is built to kill that gap. La…

Ever needed to turn a quick video clip into a GIF? Maybe for a meme, a tutorial, or just to share a reaction? Most tools force you to upload your video to some server first. That means waiting for the upload, hoping the service doesn't compress your file into oblivion, and crossing your fingers that your video doesn't end up stored on someone else's hard drive. We got tired of that. So we built a…

Problem Statement A Service Worker is a script that runs in the background of your web browser, separate from your web page, acting as a programmable network proxy. You hit this problem when you need your web app to work offline, load instantly even on slow networks, or send push notifications—things traditional web pages simply can't do. Every developer has faced that moment when a user tabs awa…