spaceninja + intersection-observer   2

Tips for rolling your own lazy loading
Lazy loading is a popular technique for gradually requesting images as they come into view, rather than all at once after the HTML of the page has been parsed. It can reduce the initial page weight, and help us hit our performance budgets by requesting images when they're needed. In this post, we’ll look at an implementation you can add to your site as I’ve done on this little demo site.
fridayfrontend  images  lazyload  performance  intersection-observer  responsive  javascript 
9 weeks ago by spaceninja
Scroll animations
In this tutorial we’ll learn how to make use of the requestAnimationFrame as well as Intersection Observer methods to detect when elements are within the viewport of the browser. We’ll introduce a new will-change property and use that to make sure our animations are smooth, and we’ll put these together with some transitions to create animations that are triggered on scroll.
fridayfrontend  cssbasics  animation  requestanimationframe  intersection-observer  will-change  transitions  scroll 
may 2019 by spaceninja

Copy this bookmark: