Web Dev Ecosystem team - February wrap up
Welcome to the first installment of a monthly wrap up which we look back what's been happening in Web Developer Ecosystem team✨
We are a team of engineers and communicators who produce articles and code samples such as this website web fundamentals and our brand new portal web.dev. You can also catch our work over on our YouTube Channel, and don't forget to follow us on @ChromiumDev :)
February is a short month but we are certainly not short on content. Let's start with big releases from the team.
Hot off the press, Workbox 4.0 was released just a few days ago.🎉 This release includes great new features like
workbox-window and improvements to many of the existing workbox packages. For those of you who are already using workbox, check out the v3 to v4 migration guide. Wondering how you can use Workbox in your existing project? Here is a guide to use them with bundlers of your choice. Not sure what problem workbox helps to solve? Check out this interview on service workers over on the State of the Web show.
lit-html and LitElement
The team at the polymer project has been busy working on stable release of lit-html and LitElement - two next-generation web development libraries. Do you want to try them out? start with Try LitElement guide 📝
Trusted Web Activities
With the release of Chrome 72, Trusted Web Activity (TWA) have entered to the market! TWAs let you have full screen Chrome inside of an Android Activity, which means you can bring your web content into app-sphere📱 Check out this getting started guide or read on how @svenbudak put their PWA on Google Play Store!
What's coming next
With Chrome 73 stable release on the horizon (March 12), we have lots of exciting features to cover!
String.prototype.matchAll. Check out the v8 release note.
Working with audio and video on the web? Hardware media keys support is here and "Skip Ad" in Picture-in-Picture window is now in origin trial! Check out Audio/Video Updates in Chrome 73 for more.
Speaking of origin trial, get ready for Priority Hints with Priority Hints, developers can set the importance of a
<link> element to give the browser how to load them. It is still an experimental feature, so please do try out and send feedback!
Rendering performance is always on top of our mind. In Chrome 73
mousewheel listeners registered on root targets (window, document, or body) will be passive listeners by default, providing fast wheel scrolling by default.
As we say hello to new features, we also have to say goodbye, so be sure to check deprecations and removals for Chrome 73 as well!
Here are a few more things we've been working on that will hit a browser near you.
To help prevent Cross-Site Scripting, we are developing a new API called Trusted Types. Opting into trusted-types (via Content Security Policy) will lock down the document from DOM injection. We are working on providing more code examples and guides on this, but in the meanwhile please read more about Trusted Types to try it out.
Hitting back and forward button on Chrome may soon be really fast! We are exploring a new back/forward cache to cache pages in-memory when the user navigates away. Check out the explainer and a prototype of bfcache in this post.
Lastly, Intersection observer v2 introduces the idea of tracking the actual "visibility" of a target.
What we are tinkering with
Our work does not end at browser features! We also look at web application performance, build web apps, and think about different ways to help web developers everywhere. Here are some of the things we've been tinkering with this month.
- Rendering on the Web
- File Web Share Target
- Constructable Stylesheets: seamless reusable styles
- Progressive React
- Web storefront performance problems
New Videos and Podcasts
We also have regular shows such as "New in Chrome", "What's New in DevTools", and "The State of the Web"" on our YouTube Channel.
Have you seen Puppeteer Examples? You might have seen it from Eric Bidelman's tweet "📯The 12 Days of Puppeteer 🤹🏻♂️🎁" last year. It's an awesome collection of Puppeteer code samples that let you think creatively about what you can do with the browser. You should check them out!
(Best of luck to your new endeavor Eric! We'll miss you!!)
How did you like the first monthly wrap up? If you enjoyed it or have ideas to improve it, please do let me know on twitter @kosamari ✅
If you've built something new using features introduced here or changed something in your codebase based on our articles, be sure to let us know at @ChromiumDev.
In March, a few of us are off to India hoping to learn more about mobile web experience there ✈️ Looking forward to sharing what we learn there!
See you next month👋