The latest update introduces resolve.conditions default values, enhanced JSON serialization, expanded HTML resource reference support, postcss‑load‑config integration, Sass’s modern API default, customizable CSS output filenames in library mode, and several other minor tweaks affecting a small user base.
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 introduces Unocss, explains how to install and configure it with Vue and Sass, details common presets, transformers, and usage tips, and shares the author’s personal experiences and recommendations for adopting atomic CSS in frontend projects.
This article compares five practical methods for changing theme colors in frontend applications—hard‑coded global replacements, SASS variable configuration, combined CSS‑variable and data‑theme approach, CSS filter hue‑rotate, and grayscale filter—detailing implementation steps, code snippets, advantages, and drawbacks to help teams choose the most suitable solution.
Bootstrap v5.3.1 has been released, introducing enhanced dark‑mode color contrast, updated component styles, new Sass variables, keyboard navigation improvements, and documentation upgrades such as homepage search and better responsive examples, along with various bug fixes.
This article demonstrates how to migrate the open‑source Excalidraw drawing application from Webpack to the Rust‑based Rspack bundler, covering repository cloning, dependency installation, Rspack initialization, Sass, HTML plugin, environment variable handling, static asset copying, performance comparison, and the use of react‑scripts‑rspack for automated migration.
This article explains the background, design goals, and step‑by‑step implementation of NutUI's theme and component‑level style customization, including online configuration, Sass variable handling, and integration examples for Vite, Webpack, and Taro projects.
This article explains how NutUI’s theme customization enables developers to switch skins, edit component‑level styles, and generate theme variables through an online configurator, providing step‑by‑step usage instructions, code examples for Vite, Webpack and Taro, and a detailed overview of the underlying implementation.
This article explains how the modern CSS :is pseudo‑class can replace repetitive selector lists, reduce duplicated code, improve maintainability, and handle selector priority and forgiving parsing, with examples in plain CSS and Sass, plus browser support details.
This article explains how to keep WeChat mini‑programs fast and small by wisely managing the Page data object, using customData or pureData, choosing proper component communication methods, limiting SASS nesting, and handling templates, imports, and main‑package resources.
This article explores advanced Sass techniques, comparing mixins and %placeholder selectors, demonstrating best and bad practices, and highlighting ES6‑like features such as interpolation, rest parameters, and @each loops, with code examples to help frontend developers write more efficient and maintainable stylesheets.
This guide explains how to calculate viewport dimensions for different operating systems and browsers, use CSS viewport units and media queries to create a single-page design that adapts smoothly across desktop and mobile screens, and provides Sass functions and JavaScript logic for robust implementation.
This article walks through the design and implementation of a 3D book‑cover effect for Qidian's homepage using CSS3 perspective and transforms, explains the underlying HTML structure, provides full SASS code, and details cross‑browser compatibility solutions for Firefox, IE9, and Safari.
This article examines the evolution of Ant Design's color‑palette generation algorithms from the simple tint/shade approach in 1.x, through the HSL‑based Bézier‑easing method in 2.x, to the HSV‑driven implementation in 3.x, highlighting their principles, code implementations, strengths, and shortcomings.
This tutorial walks through creating a comfortable frontend development workflow by installing Node.js, managing packages with npm and nrm, initializing a project, configuring Webpack with Babel and SASS loaders, and enabling hot module replacement for seamless code updates.
This article explains how to use CSS viewport units (vw, vh, vmin, vmax) to create truly fluid, device‑agnostic layouts, covering the theory of viewports, compatibility, practical Sass functions, and two implementation approaches—pure vw and a hybrid vw‑rem method.
This tutorial explains how to create equal‑width and equal‑spacing layouts using Sass mixins from the sandal library, covering flex, table, and float techniques for both single‑line and multi‑line scenarios, with complete code examples and practical guidance for mobile front‑end development.
This article explains Bootstrap 4's Sass architecture, shows how to use and customize its styles non‑destructively, and offers practical suggestions for reorganizing and enhancing the framework's Sass design for cleaner, more maintainable front‑end development.
The article examines the heightened performance, touch experience, and code size challenges faced by mobile front‑end development, presents survey‑based user pain points, and details practical optimization techniques—including server‑side rendering, modular architecture, CSS3 animations, and tooling such as RequireJS, Sass, and HTTP/2—to improve responsiveness and user experience.
Grunt is a popular frontend build tool that automates tasks such as file merging, compression, linting, unit testing, and SASS/LESS compilation, helping large projects reduce network requests, improve load speed, maintain code quality, and streamline the release workflow.
