0 views collected around this technical thread.
This tutorial explains the CSS shape() function, its syntax, and how it extends clip‑path and offset‑path capabilities, allowing developers to craft responsive, irregular shapes using percentages, variables, and arc commands, with practical code examples and browser compatibility notes.
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 highlights the critical role of mastering CSS fundamentals—especially selectors, pseudo‑classes, pseudo‑elements, attribute and combinator selectors—by examining common coding mistakes, offering alternative pure‑CSS solutions, and emphasizing understanding over memorization for robust frontend development.
This article introduces CSS Relative Color syntax, explains its core transformation functions, demonstrates practical examples such as generating green text from red, creating unified button hover/active colors, and adapting text color to any background using the new color‑contrast() function.
This article explains why applying a CSS grayscale filter is a low‑cost way to turn an entire website black‑and‑white for memorial occasions and provides three practical code snippets—including simple style rules, DOCTYPE adjustments, and Flash parameters—to achieve the effect across browsers.
This article explains how to add a simple CSS snippet that applies a full-page grayscale filter, turning a website black-and-white, including the code, usage instructions, and notes on compatibility and alternative JavaScript methods.
This article provides an in-depth overview of web and mobile navigation design, categorizing navigation types such as full‑screen, top, side, bottom, and mixed, and detailing their advantages, disadvantages, design principles, and practical examples to help designers create effective, user‑friendly interfaces.
This article explains how to turn an entire website black‑and‑white by adding a simple CSS snippet that applies grayscale filters, provides the exact code, and offers guidance on where to insert it in the HTML head for immediate effect.
This article demonstrates how to create a breakfast noodle dish using CSS, covering techniques like :before/:after pseudo-elements, box-shadow, and gradients to build a visually appealing and realistic food illustration.
This tutorial explains how to use HTML, CSS pseudo‑elements, filters, and animations to generate dynamic, colorful shadows behind images, replicating smart‑shadow effects without JavaScript, and provides reusable code snippets for various use cases.
This guide, based on rebuilding Shopee’s Warehouse Management System front‑end, details how to enhance UX through responsive page layouts, strategic content placement, robust empty‑state and image handling, and purposeful transitions and animations, while emphasizing speed, accessibility, and thoughtful design.
The article reflects on LayUI’s announced shutdown, highlights its simple yet practical design aimed at backend developers, compares it with modern UI frameworks, discusses its visual strengths, the paid LayAdmin suite, technical limitations, and speculates on the reasons behind its closure.
This article explains how to create a website‑wide dark mode switch with only HTML and CSS by using an invisible checkbox as a toggle, the :checked pseudo‑class together with +/~ sibling selectors, and CSS filter functions like invert() and hue‑rotate() to transform colors, images and media without any JavaScript.
This article uses physical analogies to explain why converting design drafts to web prototypes is challenging, clarifies the box model, positioning, and floating concepts, and shows how to visualize CSS layout as a three‑dimensional structure for more intuitive front‑end development.
The article argues that despite some programmers dismissing CSS as merely declarative, CSS selectors are powerful conditional tools that can express complex logic, and explains why methodologies like BEM and OOCSS intentionally limit their use to keep styles maintainable.
The Baidu Technical Salon article traces 25 years of web‑design evolution—from text‑only Unix browsers in 1989, through Mosaic’s image tables, JavaScript and Flash, the rise of CSS, the iPhone‑driven shift to responsive and flat design, and looks ahead to tools that will finally free designers from cross‑browser hassles.
This article compiles a comprehensive list of practical UI design guidelines—ranging from full‑width layouts and clear benefit statements to consistent interactive states, progressive onboarding, and performance optimizations—aimed at improving conversion rates, usability, and overall user satisfaction.