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…
Последние новости
⚑ Сообщить о проблемеTech news from the best sources
Все темы
- игры
AI
Gear
News
Tech
agents
ai
api
architecture
automation
beginners
career
database
devops
javascript
llm
machinelearning
mcp
opensource
performance
productivity
programming
python
react
security
showdev
testing
tutorial
typescript
webdev
How I Built an SEO-Optimized Portfolio with Next.js 16
A practical walkthrough of how I built this very portfolio — covering Static Site Generation, JSON-LD structured data, Open Graph images, and a 68-k…
Slate: shadcn-style UI for Laravel — in Blade, not React
If you’ve ever wanted shadcn-like composition in Laravel and ended up with React in a Blade app (or a paste tree of components you now own forever),…
Building Premium React UI Components with Tailwind CSS and Framer Motion
What is GreatUI? GreatUI is a curated collection of beautiful, copy-pasteable, and high-performance React components built with Tailwind CSS and Fra…
Glassmorphism Is Back — and This Tailwind Plugin Makes It Painless
The Problem Frosted-glass UI is everywhere again — every dashboard, every AI chat sidebar, every "spatial" web app. But hand-rolling the effect mean…
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…
How to Use SVG Icons in React, Next.js, and Tailwind CSS
There are exactly three sensible ways to get an SVG icon into a React codebase: paste it inline as a component, import the file through a build tran…
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…
Building Fluentic: I Didn’t Want a Tailwind Preset. Then I Added Two.
TL;DR: Fluentic Style is a new JSX styling library for React, Preact, Solid, and compatible JSX runtimes. It starts with typed style objects and a c…
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…
CRA + Tailwind v4 Doesn't Work. So I Stopped Supporting It.
This week I set out to add Tailwind support to react-clean-start , my React project generator. The goal of the CLI is simple: generate a clean React…
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…
Building a 100/100 Mobile Speed Net Worth Calculator with Astro & Tailwind
Hey everyone, Wanted to share a small financial benchmark tool I built over the past few weeks: https://getnetworthcalculator.com The Problem Most n…
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…
Rails already ships class_names. I built clsx anyway.
When I published a little gem for conditional CSS classes two years ago, the first comment was Adrien Poly asking the obvious thing: "What is the ma…
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:…
How I Built a Modern Agency Landing Page with Next.js 15 and Tailwind CSS
Most agency websites lose clients before they even read a word. Bad first impression. Generic design. Slow load time. I built AgencyX to fix that—a…
Day 151 of Leaning MERN Stack
Hello Dev Community! 👋 It is officially Day 151 of my full-stack programming track! Today, I shifted gears from the backend persistence schemas stra…
Day 137 of Learning MERN Stack
Hello Dev Community! 👋 It is officially Day 137 of my software engineering marathon! Today, I built one of the most critical visual nodes of my MERN…
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…
If You Know CSS, You Already Know Yumma CSS
Tailwind's class names are readable. items-center tells you what it does. But it's not CSS. It's Tailwind's own name for align-items: center , &…