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.
Releases
Workbox
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!
V8 - Chrome's JavaScript engine has a bunch of updates including Object.fromEntries and
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 Fetch Priority with
Fetch Priority, developers can set the importance of a <script>, <img>, or <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 wheel and 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!
New development
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
- JavaScript Loading Priorities in Chrome
- Disallow large imports from JavaScript projects
- File Web Share Target
- Replacing a hot path in your app's JavaScript with WebAssembly
- Constructable Stylesheets: seamless reusable styles
- Progressive React
- Web storefront performance problems
New Videos and Podcasts
Martin is starting a new series called JavaScript SEO, the first episode is about how Google search indexes JavaScript sites! Meggin recently presented reflections on the web.dev project at a meetup. Jake and Surma are back with new HTTP203 podcast episode discussing Image rotation experiment.
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.
Special shout-out
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!!)
Wrapping up
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👋