Oct 23, 2024 · Frontend Development

Master CSS Engineering in Vite: Global Styles, Modules, and Windi CSS

This guide explains how to improve CSS maintainability and performance in Vite projects by adding global SCSS variables, using CSS Modules, configuring PostCSS autoprefixer, and integrating the Windi CSS atomic framework with attributify and shortcuts, complete with code examples.

CSS EngineeringCSS ModulesVite

0 likes · 7 min read

Master CSS Engineering in Vite: Global Styles, Modules, and Windi CSS

Alibaba Terminal Technology

Apr 15, 2021 · Frontend Development

How Tailwind CSS Transforms CSS Engineering: From Design Tokens to Utility‑First

This article explains why Tailwind CSS has become popular, how it bridges design tokens and UI code, enforces visual consistency, separates concerns with semantic class naming, and offers practical patterns—mixins, BEM, content‑agnostic styles, and inline‑style replacements—to build maintainable front‑end systems.

CSS EngineeringTailwind CSSUtility‑First

0 likes · 15 min read

How Tailwind CSS Transforms CSS Engineering: From Design Tokens to Utility‑First