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 Fluentic …
Architecture
⚑ Report a ProblemLatest Architecture news from Tech News
All topics
agents
ai
api
architecture
automation
aws
backend
beginners
career
database
devchallenge
devops
discuss
javascript
llm
machinelearning
mcp
opensource
performance
productivity
programming
python
react
security
showdev
softwareengineering
systemdesign
tutorial
typescript
webdev
雲吞麵 Midnight Wonton Noodle — Pure CSS Art
This is a submission for Frontend Challenge: Comfort Food Edition , CSS Art: Comfort Food. What I Built A pure CSS art scene of the ultimate Hong Kong…
Responsive Design With Bootstrap 5: Tips That Actually Make a Difference
Bootstrap 5's responsive system is more capable than most developers use. Everyone knows col-md-6 . Fewer people know the patterns that make the diffe…
Building A Personal Metrics Dashboard With Vanilla JS And CSS Grid
Why I Wanted A Stupidly Simple Dashboard I like metrics. Steps, sleep, HRV, code sessions, pitches thrown at practice, deep work blocks. If I do not s…
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 css…
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 ind…
String Bean Casserole — CSS Art + Photos
Project Files Below are the three files for a FrontEnd Challenge — Comfort Food Edition submission: index.html , style.css , and script.js . The page …
CSS Box model
In CSS, the term "box model" is used when talking about web design and layout.The CSS box model is essentially a box that wraps around every HTML elem…
The concentric border-radius rule: why nested rounded corners look slightly wrong
You round a card at 16px . You round the thumbnail inside it at 16px too, because that's the design token. Then you squint at it and something is off …
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. Far…
How to Control Page Breaks in HTML to PDF Output
You render an invoice that looks right in the browser, open the PDF and find line item 14 cut in half by a page boundary. The description sits at the …
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 simpl…
A Button Showcase with One-Click HTML Copy
When building a website, choosing a button design can take more time than expected. You may want something simple, soft, colorful, dark, outlined, or …
Why Dark Mode Should Not Be a Second CSS File
Dark mode often begins with a simple idea: styles.css dark.css The light theme lives in one file. Dark-mode overrides live in another. For a small int…
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 r…
Front-load your brand guide to AI before you write a line of frontend code
This is the next installment in my series on building an automation foundation for shipping personal projects at scale, following Getting Claude Code …
The evolution of how we use CSS
CSS has been around for about 30 years. It is the only styling language built specifically for the web platform, and it is one of the three core techn…
Установщик на Go Wails: Полный гайд. Своя self-hosted двухсерверная VPN-архитектура: ЧАСТЬ 3
Повествование будет идти таким образом: описание архитектуры в целом, потом код по страницам с картинками как это все выглядит. В отличие от черновика…
Day 155 of Learning MERN Stack
Hello Dev Community! 👋 It is officially Day 155 of my software engineering track! Today, I brought the interactive catalog of Tomato — The Food Delive…
I built 42 landing page templates as single HTML files (no npm, no build step)
I got tired of downloading a "simple landing page template" and finding a 400 MB folder with npm, a build step, a config file and three CSS frameworks…
BEM Methodology in CSS: predictable naming for clean styles
Why BEM? As frontend projects grow, CSS quickly turns fragile—poor class names cause style collisions, debugging pain, and slow iteration. BEM gives y…
Why I stopped using design tokens as implementation details
Design tokens are not CSS variables. This distinction sounds semantic, but getting it wrong produces systems that serve neither designers nor develope…
CSS Card Design — 40 Examples You Can Copy Right Now (2025)
Cards are the most common UI component on the web. Yet most developers use the same basic box-shadow card everywhere. This guide covers 40 CSS card de…
Responsive Navbar HTML CSS — 30 Patterns with Code (2025)
Navigation is the first thing users interact with ‚Äî and the first thing developers copy-paste without thinking. This guide covers 30 responsive navb…
CSS Animation Examples — 40 Live Demos You Can Copy (2025)
CSS animations can make a site feel alive — or overwhelming. This guide covers 40 CSS animation examples organized by type: from the basics every deve…
CSS anchor positioning: two properties do the wiring
You have a button and a menu. The menu opens on click. You want it pinned to the button's right edge, and you want it to flip to the other side when t…
Day 99 of Learning MERN Stack
Hello Dev Community! 👋 It is officially Day 99 of my 100-day full-stack engineering run! 🎯 We are exactly 24 hours away from hitting the historic 100-…
Bringing React Native Style Composition to React
Fluentic is my attempt to make React styling feel explicit, composable, and predictable again. Years ago, I worked on web apps with Emotion, and I lov…
Bootstrap 5 vs Tailwind CSS 2026: Which Should You Pick?
Bootstrap 5 and Tailwind CSS are the two most popular CSS frameworks in 2026. If you're starting a new project and trying to decide between them, this…
Why Juice Generates CSS Instead of Owning It
One design goal I’ve had for Juice from the beginning is that it shouldn’t try to replace CSS. CSS already exists. It’s incredibly capable. The web do…