Follow the latest frontend updates
This article explains how the modern CSS pseudo‑class :where works like :is but with zero specificity, making it ideal for global style resets, reducing selector weight, and simplifying responsive layouts while keeping code concise and maintainable across browsers.
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.
Playwright, Microsoft’s open‑source end‑to‑end UI testing framework, supports all major browsers, multiple programming languages, isolated contexts, auto‑waiting, and powerful selectors, making it a fast‑growing alternative to Selenium for developers seeking reliable, cross‑browser automation.
Learn practical defensive CSS techniques to prevent unexpected layout issues by setting minimum dimensions for flexbox and grid items, using properties like min-width, min-height, minmax(), auto-fit, auto-fill, and sticky positioning, plus essential image handling tips.
This article presents practical defensive CSS techniques—including handling justify-content space-between, image text fallbacks, fixed grid values, overflow control, and scrollbar gutter—to create robust, responsive layouts that gracefully adapt to dynamic content changes.
This article presents practical defensive CSS techniques—including using overscroll-behavior to stop scroll chaining, var() fallbacks for custom properties, min‑width/min‑height instead of fixed dimensions, proper background-repeat handling, and vertical media queries—to create more robust, responsive web layouts.
This article explains defensive CSS techniques—including flex‑wrap for flexible rows, strategic whitespace margins, text‑overflow handling, and object‑fit for images—to create robust, responsive layouts that gracefully handle dynamic content and prevent unexpected visual glitches.
This tutorial walks through a custom CSS reset, explaining each of the eleven concise rules—including box‑sizing, margin removal, height handling, line‑height, font smoothing, media defaults, form inheritance, overflow handling, and root isolation—while providing clear code examples and visual illustrations to improve both developer experience and user accessibility.
Konva.js detects whether a point lies inside a shape by assigning each shape a unique random color key, rendering a hidden hitCanvas with these colors, and then reading the pixel color at the click position to identify the corresponding shape, supporting up to 16.7 million objects.
This guide explains how to create a WeChat chatbot using the open‑source Wechaty SDK, covering required npm packages, QR code login, bot initialization, message sending, and important considerations such as Node.js version and npm mirror configuration.
