BestHub
search
Sign in
Tag

contain

1 views collected around this technical thread.

Taobao Frontend Technology
Taobao Frontend Technology
Mar 23, 2021 · Frontend Development

How to Supercharge Web Rendering with CSS content-visibility, will-change & contain

This article explains how modern CSS features such as content-visibility, will-change, contain, font-display, scroll-behavior, @import avoidance, media‑query splitting, and CSS custom properties can be used together with practical code examples to dramatically reduce page‑render time, improve smooth scrolling, and avoid layout shifts for faster, smoother web experiences.

CSScontaincontent-visibility
0 likes · 27 min read
How to Supercharge Web Rendering with CSS content-visibility, will-change & contain
ByteFE
ByteFE
Jan 20, 2021 · Frontend Development

Achieving overflow:hidden Effects Without Using overflow:hidden in CSS

This article explains how to clip overflowing content vertically while keeping horizontal overflow visible by using CSS techniques such as clip‑path and the contain property, providing code examples, demos, and a comparison with the traditional overflow:hidden approach.

clip-pathcontainfrontend
0 likes · 10 min read
Achieving overflow:hidden Effects Without Using overflow:hidden in CSS
HomeTech
HomeTech
Jul 1, 2020 · Frontend Development

Understanding CSS Containment: Using the contain Property for Performance Optimization

The article explains the CSS Containment specification and its contain property, detailing how layout, paint, and size containment can improve rendering performance while noting potential side‑effects, and provides practical code examples and guidance for safe adoption in modern web development.

CSScontainfrontend
0 likes · 10 min read
Understanding CSS Containment: Using the contain Property for Performance Optimization