0 views collected around this technical thread.
This article compiles and explains a set of Tailwind CSS utility classes that often cause confusion—covering dimensions, typography, spacing, truncation, background handling, shadows, transform origins, pseudo‑classes and pseudo‑elements—while providing code examples and plugin recommendations for efficient frontend development.
This article examines Tailwind CSS’s rapid rise, highlighting its GitHub stars, NPM downloads, and adoption by major companies, explains atomic CSS concepts with code examples, discusses class sorting, prefixing, and @apply usage, compares it to PrimeFlex and UnoCSS, and concludes it’s a leading frontend framework.
After initially adopting Tailwind CSS for rapid UI development in a React real‑time chat app, our team reverted to SASS combined with CSS Modules because the growing utility‑class markup hurt readability, increased build times, and bloated the CSS bundle, ultimately delivering a more maintainable codebase and noticeably better performance.
This article explains how to set up Tailwind CSS in a Next.js project, addresses dynamic class name problems, class‑priority conflicts, and provides solutions using tailwind‑merge, clsx, and class‑variance‑authority, along with useful tools and VSCode extensions for smoother development.
This tutorial demonstrates how to create a visually striking card component with light‑following and 3D parallax effects using React, Tailwind CSS, and custom hooks, covering setup of three boxes, mouse event handling, CSS transforms, and reusable hook encapsulation.
The guide shows how to use Next.js 13’s server‑side rendering with TypeScript and Tailwind CSS to generate fully rendered HTML for better SEO, recommending direct output of key content, native anchor tags for navigation, proper TDK, robots.txt, sitemap.xml, async components, CDN asset prefixes, optimized Tailwind utilities, and careful image handling.
The article debunks programmer stereotypes, explains code reproducibility, and recommends five VS Code extensions—ESLint, Prettier, GitLens, Tailwind CSS IntelliSense, and Live Server—to help developers write cleaner, faster, and more maintainable front‑end code.
This article walks through creating a full‑stack frontend knowledge‑base project using Next.js with Tailwind CSS, explains the benefits of server‑side rendering, demonstrates routing, component usage, Notion API integration, markdown rendering, and deployment to Vercel, providing complete code snippets and configuration steps.
This article introduces Tailwind CSS as a utility‑first framework, compares it with traditional CSS approaches, explains why it improves development efficiency, shares practical experiences, outlines its advantages such as responsive design and size optimization, and discusses its drawbacks like verbose class lists.
An in‑depth look at Tailwind CSS reveals how it harnesses PostCSS, JavaScript configuration, and custom plugins to generate and tree‑shake CSS, detailing classic @tailwind at‑rules, screen directives, and a sample z‑index plugin with code examples.