UI Dev Newsletter #17

Here's the content from the latest issue (No. 17) from the UI Dev Newsletter.

• 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.

Happy coding!

Subscribe to the newsletter here!