An Introduction to the Visual Viewport API - JS Monthly London - July 2021

An Introduction to the Visual Viewport API - Pauline Nemchak

Nowadays there are many powerful browser APIs, but many people simply don’t have time to discover them all. A new and very useful one is the Visual Viewport API. In this talk, Pauline will explain what it is and how to use it as well as well as talking about viewports more broadly.

Pauline is a Frontend Developer @ BIOCAD

Intro to Viewport API [00:00:00]
Viewport in Console [00:01:19]
What Exactly are PageTop and OffsetTop? [00:03:31]
Initial Containing Block [00:04:19]
Viewport [00:04:58]
Layout Viewport [00:06:20]
Measuring the layout viewport and the visual viewport [00:07:36]
OnResize and OnScroll? [00:08:33]
Why Do I Need Visual Viewpor API? [00:09:26]
Links And Other Resources [00:10:59

_________________________________________________________________

About Pusher Sessions:

We're bringing the meetup to you. With Sessions, you can watch recordings of top-notch talks from developer meetups -- wherever and whenever you want.

Meetups are a great way to learn from our peers and to keep up with the latest trends and technologies. As developers ourselves, we at Pusher wanted to bring this great content to more people... So we built Sessions. On Sessions, you can watch talks that interest you and subscribe to be notified when new content gets added.

If you run a meetup and want to get involved, kindly get in touch.

_________________________________________________________________

About Pusher:

Pusher is a hosted service with APIs, developer tools and open source libraries that greatly simplify integrating real-time functionality into web and mobile applications.

Pusher will automatically scale when required, removing all the pain of setting up and maintaining a secure, real-time infrastructure.

Pusher is already trusted to do so by thousands of developers and companies like GitHub, MailChimp, the Financial Times, Buffer and many more.

Getting started takes just a few seconds: simply go to pusher.com and create a free account. Happy hacking!

Видео An Introduction to the Visual Viewport API - JS Monthly London - July 2021 канала Pusher