Direct link to the article A Bare-Bones Approach to Versatile and Reusable Skeleton Loaders

A Bare-Bones Approach to Versatile and Reusable Skeleton Loaders

UI components like spinners and skeleton loaders make waiting for a page load less frustrating and might even affect how loading times are perceived when used correctly. They won’t completely prevent users from abandoning the website, but they might encourage them to wait a bit longer. Animated spinners are used in most cases since they […]

Avatar of Adrian Bece
Adrian Bece on

mask-type

The mask-type CSS property indicates whether the SVG <mask> element is treated as an alpha mask or a luminance mask.

mask {
  mask-type: alpha;
}

When the mask layer is an image or a gradient, a mask-mode property can be …

Avatar of Mojtaba Seyedi
Mojtaba Seyedi on
Direct link to the article Weekly Platform News: Reduced Motion, CORS, WhiteHouse.gov, popups, and 100vw

Weekly Platform News: Reduced Motion, CORS, WhiteHouse.gov, popups, and 100vw

In this week’s roundup, we highlight a proposal for a new <popup> element, check the use of prefers-reduced-motion on award-winning sites, learn how to opt into cross-origin isolation, see how WhiteHouse.gov approaches accessibility, and warn the dangers of 100vh.…

Avatar of Šime Vidas
Šime Vidas on
Keep browsing in the archives