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.