UI Dev Newsletter Issue #17
In this issue: content-visibility property, masonry solution, blobby shapes, and more.
content-visibility: the new CSS property that boosts your rendering performance
Una Kravets shows how to improve initial load time by skipping the rendering of offscreen content.
Infinite Scroll without Layout Shifts
Addy Osmani describes how to avoid layout shifts with infinite scroll.
A Lightweight Masonry Solution
Ana Tudor explains how to create masonry solution using only CSS and how to make a JS fallback.
Rehearsing the Future
Members of Google’s speculative design teams discuss how they are rehearsing for what is next
The Making of: Netlify’s Million Devs SVG Animation Site
Sarah Drasner shows how latest Netlify SVG Animation is done with GSAP library.
State of Frontend 2020
The Software House team shows results from the survey for everyday frontend development according to 4,500 experts.
Spotting a Trend
Geoff Graham shows the latest trend on web design — blobby shapes.
Layout Shift GIF Generator
Chris Johnson creates a tool for visualizing the Core Web Vitals metric Cumulative Layout Shift (CLS) with a simple GIF.