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…
Open Source
⚑ Сообщить о проблемеПоследние новости Open Source от Tech News
Все темы
AI
agents
ai
api
architecture
automation
backend
beginners
career
database
devchallenge
devops
discuss
javascript
linux
llm
machinelearning
mcp
opensource
performance
productivity
programming
python
react
security
showdev
testing
tutorial
typescript
webdev
Form Friction Analysis: Designing High-Converting Multi-Step Checkout Flows
Web forms are the universal gateway to business revenue. Whether it is a SaaS signup, a checkout cart, or a demo booking, every dollar your business…
shadcn/ui Blocks, Templates, and Dashboard
shadcn/ui gives you great building blocks. What it doesn't give you is finished sections and full pages, and that's the gap UIAble 1.0.0 is meant to…
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…
EarBliss: I Tried Making a Spotify Clone and Ended Up Making This Instead :)
I Tried Making a Spotify Clone and Ended Up Making This Instead :) I originally wanted to make a Spotify clone. Somewhere along the way, I stopped t…
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…
Why I Built a Code-Native Visual Studio for My Developer Posts
Over the past year, AI image tools have become amazing. Being able to type a prompt and get a detailed picture in seconds feels like magic. Like a l…
A CSS triangle vanished, because one selector matched by substring
Our stylesheet contains this: [ class *= 'bg-card' ] { border : none !important ; border-width : 0 !important ; } Cards are borderless by design, an…
I Built a Responsive Business Landing Page with HTML, Tailwind CSS, and GitHub Pages
I recently wanted to build a simple business website that looked professional on desktop and mobile without making the project unnecessarily complic…
I audited 20 design systems for spacing drift. Here is what your team can use from it.
Nobody on your team chose 13px. Someone pasted it. Someone nudged 12px until a border lined up. A coding agent produced it because nothing told it y…
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…
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…
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…