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.

CSSanimationbrowser compatibility

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.

Vitebrowser compatibilityfrontend development

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 BlockerChromeManifest V3

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.

JavaScriptWeb Audio APIaudio recording

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.

CSSCascade LayersFront-end

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.

AVIFNode.jsService Worker

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.

H.265MSEWASM

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.

Event DelegationEvent PropagationReAct

0 likes · 24 min read

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

Taobao Frontend Technology

Jan 6, 2022 · Frontend Development

Should You Still Transpile ES6? A Deep Dive into Browser Compatibility and Performance

This article examines how modern browsers now support most ES6 features, compares the bytecode size of native ES6 syntax versus Babel‑transpiled ES5 code across a range of language features, and explains when skipping transpilation can improve performance while still handling polyfills and runtime requirements.

BabelES6Performance

0 likes · 26 min read

Should You Still Transpile ES6? A Deep Dive into Browser Compatibility and Performance

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.

CSSPerformancebrowser compatibility

0 likes · 8 min read

Optimizing Long List Rendering with CSS content-visibility

MaoDou Frontend Team

Sep 16, 2019 · Frontend Development

Why Do Chrome and Firefox Sort Arrays Differently? Uncovering Their Algorithms

Although both browsers receive identical data, Chrome and Firefox display sorted results differently due to their distinct underlying sorting algorithms—Firefox uses merge sort while Chrome employs a hybrid of insertion and quick sort—this article explains the issue, demonstrates implementations, and compares performance and optimization techniques.

JavaScriptPerformancebrowser compatibility

0 likes · 8 min read

Why Do Chrome and Firefox Sort Arrays Differently? Uncovering Their Algorithms

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.

HTMLbrowser compatibilitypreload

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.

ES ModuleImportJavaScript

0 likes · 6 min read

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

Tencent IMWeb Frontend Team

Jun 25, 2017 · Frontend Development

How to Use ES Modules in Modern Browsers: Compatibility and Tips

This article explains which browsers currently support ES modules, how to enable them, the rules for module import paths, using nomodule for fallback, the default defer behavior of module scripts, and the execution order of inline and external module scripts.

ES modulesJavaScriptbrowser compatibility

0 likes · 4 min read

How to Use ES Modules in Modern Browsers: Compatibility and Tips

Tencent IMWeb Frontend Team

May 4, 2017 · Frontend Development

How to Build a Solid Front-End Learning Path: From Browsers to Frameworks

This article shares a practical roadmap for transitioning into front-end development, covering browser engine fundamentals, essential web technologies, common compatibility challenges, recommended tools, popular frameworks, and engineering practices to help beginners build a strong foundation and advance their careers.

JavaScriptbrowser compatibilityfrontend

0 likes · 13 min read

How to Build a Solid Front-End Learning Path: From Browsers to Frameworks