new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Tailwind CSS v4 · all subjects

v3 to v4 migration and upgrades

5 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Just-In-Time compiler release date

The Just-In-Time compiler for Tailwind CSS was announced on March 15, 2021.

@tailwindcss/jit package and JIT mode inclusion

As of Tailwind CSS v2.1, the Just-In-Time engine is included directly in Tailwind CSS itself, so the separate @tailwindcss/jit package is no longer needed.

JIT compiler advantages over traditional compiler

The Just-In-Time compiler for Tailwind CSS offers several advantages: lightning-fast build times (3–8s initial compile with CLI, 30–45s in webpack projects reduced to about 800ms with incremental rebuilds as fast as 3ms), all variants enabled out of the box without file-size considerations, arbitrary style generation using square bracket notation without writing custom CSS, identical CSS between development and production environments, and better browser performance in development due to smaller CSS file sizes.

JIT compiler postcss configuration

To use the @tailwindcss/jit library, install it with npm install -D @tailwindcss/jit tailwindcss postcss autoprefixer, then configure postcss.config.js with @tailwindcss/jit as a plugin before autoprefixer.

File size problem in traditional Tailwind CSS

With enough customizations in the config file, Tailwind CSS could generate CSS files of 10mb or more in development, causing performance issues with build tools and browsers.

Give your agent this brain