Google chrome version history


It"s been ten years since was first released. A lot has changed since then, but our goal of building a solid foundation for modern website applications hasn"t!

In 69, we"ve sầu added tư vấn for:

And there"s plenty more!

I"m Pete LePage. Let"s dive sầu in và see what"s new for binhphap.vns in 69!

Want the full danh sách of changes? Cheông xã out the Chromium source repository change danh mục.

Bạn đang xem: Google chrome version history

CSS Scroll Snap #

This post refers khổng lồ CSS Scroll Snap, which is the current standard, not to be confused with CSS Scroll Snap Points, which has been deprecated & is no longer on the standards traông chồng.

View demo | Source

CSS Scroll Snap allows you to lớn create smooth, slick, scroll experiences, by declaring scroll snap positions that tell the browser where to stop after each scrolling operation. This is super helpful for image carousels, or paginated sections where you want the user khổng lồ scroll lớn a specific point.

For an image carousel, I"d add scroll-snap-type: x mandatory; lớn the scroll container, & scroll-snap-align: center; to lớn each image. Then, as the user scrolls through the carousel, each image will be smoothly scrolled inlớn the perfect position.

#gallery scroll-snap-type: x mandatory; overflow-x: scroll; display: flex;#gallery img scroll-snap-align: center;CSS Scroll Snapping works well, even when the snap targets have sầu different sizes or when they are larger than the scroller! Chechồng out the post Well-Controlled Scrolling with CSS Scroll Snap for more details & samples you can try!

Display cutouts (aka notches) #

Browsers add some extra margin on a di động device with display cutout lớn prevent nội dung from being covered by the cutout.

There are an increasing number of Smartphone devices being released with a display cutout, sometimes called a notch. To deal with that, browsers add a little bit of extra margin to your page so the content isn"t obscured by the notch.

But what if you want to use that space?

With CSS environment variables & the viewport-fit meta tag, now you can. For example, to lớn tell the browser lớn exp& inlớn the display cutout area, phối the viewport-fit property, in the viewport meta tag to lớn cover.

meta name="viewport" content="initial-scale=1, viewport-fit=cover">You can then use the safe-area-inset-* CSS environment variables lớn layout your content.

Xem thêm: CäM Nghi VấN Hari Won Có Bầu Chưa Thể Có Con Với Trấn Thành

.nội dung padding: 16px; padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right);
Remember: It"s important lớn thử nghiệm this well; you"re telling the browser it"s OK if some nội dung gets hidden behind the display cutout. And don"t forget to kiểm tra in both portrait and landscape modes.

There"s a great post on the WebKit blog about Designing Websites for iPhone X, or check out the explainer for more details.

Web Locks API #

The Web Locks API allows you to asynchronously acquire a loông xã, hold it while work is performed, then release it. While the loông chồng is held, no other script in the origin can acquire the same lock, helping to lớn coordinate the usage of shared resources.

For example, if a web tiện ích running in multiple tabs wants lớn ensure that only one tab is syncing khổng lồ the network, the sync code would attempt lớn acquire a loông chồng named network_sync_lochồng.

navigator.locks.request("network_sync_lock", async lochồng => // The lochồng has been acquired. await do_something(); await do_something_else(); // Now the loông chồng will be released.);The first tab to acquire the loông chồng will sync the data lớn the network. If another tab tries khổng lồ acquire the same lochồng, it"ll be queued. Once the loông xã has been released, the next queued request will be granted the loông xã, & execute.

MDN has a great Web Locks primer & includes a more in-depth explanation và lots of examples. Or dive sầu in deeper and check out the spec.

And more! #

These are just a few of the changes in 69 for binhphap.vns, of course, there"s plenty more.


Easter eggs #

Did you find all of the easter eggs in the video?

Wooden dino from CDS 2017

A special thanks khổng lồ all the people who have sầu helped to lớn make the 28 episodes of New in happen. Every single one of these people are awesome!

Heather DuthieTlặng MalieckalRiông chồng MurphyDerek BassKiran PuriNilesh Bell-GorsiaLee Carruthers
Philip ManiaciChris TurielloAndrew BarkerAlex CroweIzzy CosentinoNorm MagnusonLoren Borja

Chuyên mục: Tin Tức