Follow the latest frontend updates
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.
By leveraging pixel color and alpha values, this guide explains how to determine whether a user click falls inside a Canvas shape, compares it with traditional methods like crossing number and winding number, and provides a practical implementation using Create.js with sample code.
Learn how to capture click events on an HTML5 Canvas, compute the click coordinates, and determine whether the point lies inside a polygon using both the Crossing Number (even‑odd) method and the more robust Winding Number algorithm, complete with JavaScript code examples.
