Browser Compatibility

Sohu Tech Products

Apr 16, 2025 · Frontend Development

Top 10 New CSS Features in 2024 and Their Practical Use Cases

The 2024 CSS update introduces ten powerful features—scrollbar‑gutter, scrollbar‑color, ::target-text, ruby‑align/position, relative color syntax with light‑dark(), native details accordions, content‑visibility, font‑size‑adjust, transition‑behavior, @property with step‑value functions, and offset‑path/position—enabling smoother layouts, dynamic theming, performance gains, richer typography, and complex animations without JavaScript.

Browser CompatibilityCSSWeb Development

0 likes · 10 min read

Top 10 New CSS Features in 2024 and Their Practical Use Cases

HelloTech

May 16, 2024 · Frontend Development

Vite Legacy Plugin for Browser Compatibility

The Vite Legacy Plugin adds browser compatibility to Vite projects by using Babel to transpile modern JavaScript, generating polyfill chunks, and offering configurable target browsers, while allowing developers to control whether legacy or modern bundles are produced through dedicated config, generation, and post‑build plugins.

Browser CompatibilityFrontend Developmentlegacy

0 likes · 5 min read

Vite Legacy Plugin for Browser Compatibility

IT Services Circle

Dec 15, 2023 · Frontend Development

How Chrome Manifest V3 Affects Ad Blockers and YouTube

The upcoming retirement of Chrome Manifest V2 forces extensions to adopt Manifest V3, which requires Chrome Web Store review for updates, dramatically slowing ad‑blocker rule changes and giving YouTube an advantage, while other browsers remain unaffected.

Ad BlockerBrowser CompatibilityChrome

0 likes · 3 min read

How Chrome Manifest V3 Affects Ad Blockers and YouTube

TAL Education Technology

Jun 29, 2023 · Frontend Development

Survey of Front‑End Audio Recording Libraries and Browser Compatibility

This article surveys several JavaScript audio‑recording libraries, compares their supported formats, evaluates their performance across browsers, and summarizes front‑end recording techniques—including MediaRecorder, WebRTC + AudioContext, and legacy Flash—while highlighting compatibility issues of major browser engines.

Browser CompatibilityJavaScriptWeb Audio API

0 likes · 13 min read

Survey of Front‑End Audio Recording Libraries and Browser Compatibility

vivo Internet Technology

May 24, 2023 · Frontend Development

Understanding CSS Cascade Layers (@layer): Concepts, Syntax, and Browser Support

CSS cascade layers, introduced via the @layer rule, let developers organize style origins into named, ordered groups—such as resets, libraries, and custom overrides—so they can control precedence without increasing specificity, improve readability, and avoid conflicts, with full support in modern browsers.

Browser CompatibilityCSSCascade Layers

0 likes · 18 min read

Understanding CSS Cascade Layers (@layer): Concepts, Syntax, and Browser Support

HomeTech

May 24, 2023 · Frontend Development

Understanding AVIF Image Format: Benefits, Comparison, Conversion Tools, and Integration in Web Projects

This article explains the AVIF image format, its superior compression and quality compared to JPEG and WebP, provides a detailed comparison of image formats, offers conversion tools and command‑line examples, and shows how to integrate AVIF on the client, server, and via JavaScript polyfills for modern web development.

AVIFBrowser CompatibilityNode.js

0 likes · 13 min read

Understanding AVIF Image Format: Benefits, Comparison, Conversion Tools, and Integration in Web Projects

DaTaobao Tech

Mar 31, 2023 · Frontend Development

Deploying H.265 Video on the Web: Compatibility, Hardware/Software Requirements, and Playback Strategies

Deploying H.265 on the web is now viable thanks to Chrome 107’s hardware decoding and mature software decoders, but developers must navigate browser support differences, meet specific GPU and OS prerequisites, choose appropriate detection APIs, and implement a fallback hierarchy—from simple video element sources to MSE, WebCodecs, and finally WASM‑based soft decoding—to ensure broad compatibility and optimal performance.

Browser CompatibilityH.265MSE

0 likes · 25 min read

Deploying H.265 Video on the Web: Compatibility, Hardware/Software Requirements, and Playback Strategies

ByteFE

Nov 16, 2022 · Frontend Development

React17 Event Mechanism Deep Dive: Propagation, Binding, and Delegation

This article explains React17's event mechanism changes compared to React16, covering event propagation phases, binding methods like inline HTML, DOM0, and addEventListener, event delegation for efficient handling, and browser event differences.

Browser CompatibilityEvent DelegationEvent Propagation

0 likes · 24 min read

React17 Event Mechanism Deep Dive: Propagation, Binding, and Delegation

FunTester

Sep 26, 2021 · Frontend Development

Cross-Browser Testing: Importance, Challenges, and Solutions

The article explains why cross‑browser testing is essential for modern web applications, outlines the major challenges such as automation complexity, infrastructure maintenance, and browser version proliferation, and proposes practical solutions including tool selection, cloud‑based platforms, and prioritized testing strategies.

AutomationBrowser Compatibilitycloud testing

0 likes · 10 min read

Cross-Browser Testing: Importance, Challenges, and Solutions

Sohu Tech Products

Aug 4, 2021 · Frontend Development

Optimizing Long List Rendering with CSS content-visibility

The article explains how the CSS content-visibility property can dramatically improve rendering performance of long lists by rendering only visible elements, demonstrates before‑and‑after benchmarks, discusses compatibility and edge‑case issues, and offers practical fixes such as contain‑intrinsic‑size.

Browser CompatibilityCSSPerformance

0 likes · 8 min read

Optimizing Long List Rendering with CSS content-visibility

360 Tech Engineering

Sep 26, 2018 · Frontend Development

Understanding Preload: A Performance Optimization Technique for Web Resources

This article explains the Preload keyword, how it enables early loading and decoupled execution of web resources, compares it with speculative parsing, async, defer and HTTP/2 Server Push, and provides practical usage guidelines and browser compatibility information.

Browser CompatibilityPreloadhtml

0 likes · 9 min read

Understanding Preload: A Performance Optimization Technique for Web Resources

360 Tech Engineering

Sep 20, 2018 · Frontend Development

Introducing ES Module Support in 75CDN: Usage Guide and Browser Compatibility

The article explains how 75CDN, a static resource CDN maintained by the 360 front‑end team, has added ES Module support, details browser compatibility, shows how to enable ESM on the platform, and provides practical code examples for importing modules in web projects.

@ImportBrowser CompatibilityCDN

0 likes · 6 min read

Introducing ES Module Support in 75CDN: Usage Guide and Browser Compatibility