Revamping My Portfolio - Markdown Engine, DOM Hydration Fixes, and LLM Discovery
Why the Redesign? My previous portfolio had become outdated and didn't represent the quality or complexity of the systems I build today[cite: 3]. Be…
DevOps
⚑ Report a ProblemLatest DevOps news from Tech News
Our globals.css beat 514 Tailwind utilities, and CSS cascade layers were the whole story
CogniPrep is a Tailwind v4 app with a 719 line hand-written app/globals.css on top. That file contains 17 !important declarations, and most of them…
Building an interactive marina slip map in React with plain SVG
Most dashboard templates give you a revenue chart and a user table. When I built a dashboard for marinas and boat charter companies, the thing a doc…
Tailwind Typography's prose Is Leaking Into Your Components — and the Three-Tier Fix
My CTA button had underlined links and the wrong text color, and no matter which utility class I stacked on it the issues didn't correct. The culpri…
Tailwind CSS v4: Architecture, Features, and Performance Upgrades
Originally published on tamiz.pro . Tailwind CSS v4 represents the most significant architectural overhaul in the library's history. Moving beyond a…
Building Fluentic Style: Behind the Tailwind Presets
This is part of my Building Fluentic Style series, where I’m writing down the design decisions, tradeoffs, and small surprises from building Fluenti…
Tailwind vs FrontAlign: Which Is Better Depends on Your Architecture
If you've built anything on the frontend in the last five years, you've almost certainly touched Tailwind CSS. It reshaped how a huge chunk of the i…
Building a Modern CRM Dashboard with React, Tailwind CSS, and Recharts
Building a modern Customer Relationship Management (CRM) platform requires more than just displaying raw database records. Users expect interactive…
Full-stack Pokémon TCG simulator with pack opening, grading, PvP and card auctions
An ecosystem whose job is to full-fill our dream of opening and collecting pokemon cards, which we all had in our childhood. Instead of just clickin…
Free Website Performance Monitoring: PageSpeed CI + CrUX + GitHub Actions
Commercial performance monitoring starts at $29-99/month. With Google PageSpeed API + GitHub Actions, you get continuous monitoring at $0. The Need…
Tailwind CSS v4: Architecture, Features, and Performance Upgrades
Originally published on tamiz.pro . Tailwind CSS v4, currently in its alpha stages, marks a pivotal evolution for the utility-first CSS framework. F…
Tailwind CSS v4: Architecture, Features, and Performance Upgrades Deep Dive
Originally published on tamiz.pro . Tailwind CSS v4 marks a pivotal evolution in how utility-first CSS is generated and managed. Moving beyond a sim…
Visual Alignment for Icons and Labels in Tailwind CSS
Vector icons do not line up with text out of the box. Unlike letters, graphic paths lack a consistent baseline, ascender, or descender. If you place…
How I Built a UK-Focused Converter Site with Astro 5, React 19, and Tailwind 4 — Zero JS by Default, 100% Private
I got tired of searching "gas mark 4 to celsius" and landing on ad-heavy US sites that had never heard of a British oven. So I built the site I want…
Tailwind CSS v4: Architecture, Features, and Performance Upgrades Deep Dive
Originally published on tamiz.pro . Tailwind CSS has fundamentally changed how many developers approach styling web applications. With the impending…
I deleted tailwind-merge from production
I deleted tailwind-merge from production While auditing dependencies in my monorepo, I ran an experiment that bothered me more than it should have:…
Tailwind CSS v4: What Actually Changed and How I Migrated Two Projects
Headline: Tailwind v4 is the most significant rewrite since the framework launched — CSS-first config, Lightning CSS under the hood, container queri…
PowerPulse: Building a Crowd-Sourced Outage Tracker for Ghana (and Losing a Fight With My Own Stack)
A quick disclosure up front: this post was drafted with AI assistance, and edited by me. The PowerPulse codebase itself has also been built largely…
shadcn/typeset vs Tailwind Typography: Styling Markdown
You render some markdown, get back a pile of unstyled HTML, and then you style it. Headings, paragraphs, lists, tables, code. You do it for the blog…
I built BrickSlider: a modular, framework-agnostic slider with Tailwind-friendly markup
Sliders are one of those UI components that look simple until you actually need to build one properly. At first, it feels like just moving a few car…
It took almost a year to create a React component for the famous Liquid Glass... but it has flaws.
hi👋, my name is lucas I am Brazilian and I have 11 years old (Seriously, English is a bit complicated for 11-year-olds. If there are any spelling mi…
Flex & Grid
This post na about CSS most powerful layout systems and e go long small, as I go try touch touch most of the important basics. I been reason to writ…
React 19 Hydration Mismatch in Static Export
📚 This is Part 3 of the UtlKit Tech Series — Part 2 covers the architecture & trade-offs → Read Part 2 React 19 Static Export Hydration Mismatch…
I Built 5 React Landing Page Templates in 2 Weeks — Here's What I Learned
A few weeks ago I set myself a challenge: build 5 production-ready React landing page templates, each targeting a completely different niche, and se…
Next.js Dark Mode Without the Flash (Tailwind v4)
Every dark mode implementation has the same enemy: the flash. The page renders in light mode, then instantly switches to dark. It happens because Ja…
Lottie Animations with Tailwind CSS: The Complete Integration Guide
Tailwind CSS and Lottie animations are a natural pair — Tailwind handles static layout and styling, Lottie handles complex motion. This guide cove…
I gave up on making my AI builder write good media queries
Every site my AI website builder produced looked great on a phone and weak on a desktop. The hero stretched edge-to-edge in a single anemic column.…
Building a Mini Tailwind-to-CSS Converter — How Utility Class Names Map to Real CSS
Tailwind is "just CSS." But what exactly does bg-blue-500 text-white px-6 py-3 rounded-lg font-bold shadow-md resolve to? I wrote a 500-line vanilla…
Token Deep Dive #2: The /50 That Did Nothing
The other day, I noticed something funky with my accordion component's hover state. It wasn't broken in an obvious, "error-thrown-in-console" kind o…
🚀 What’s New in Tailwind CSS v4.3: Top Features with Code Examples
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-…