Everything Announced at Chrome Dev Summit 2021 — A roundup of all the key announcements from the 2021 Chrome Dev Summit, with the links you need to find out more. Una Kravets has a succint five-minute recap video here if you'd prefer that.

• There's a new Lighthouse API to measure performance and best practices throughout a user flow.
• An updated version of PageSpeed Insights is on the way, this post looks at what's new.
• The Chrome Speed Metrics Team are seeking feedback on plans to measure responsiveness on the web.
• This post highlights recent progress made towards an animation smoothness metric.
• Richard MacManus of The New Stack shares his thoughts on Google’s Chrome Dev Summit, calling it a 'web evolution, not revolution'.

Rachel Andrew

The Browser Wars — Jay’s excellent long-running Web History series returns, this time with a focus on the fierce browser wars of the late 90s amongst the likes of Microsoft, Netscape, and Mozilla.

Jay Hoffmann

Implementing Batch Editing in an Angular Data Grid the Easy Way — Use this tutorial to learn how to use Kendo UI for Angular to create a Data Grid that allows updates and saves in bulk.

Progress Kendo UI for Angular sponsor

Chrome's New Feature to Record and Replay User Flows — It’s only a preview feature in Canary builds right now, but Chrome is adding a new Recorder panel to its DevTools which lets you record and replay a string of actions on a page (including under simulated slow network conditions). You can also measure the flow and get a performance trace for analysis. Minko Gechev shared a video of it in action over on Twiter.

Jecelyn Yeen (Google)

'We Analyzed 425,909 Favicons' — An interesting bit of work here digging into the current favicon ecosystem by fetching and analysing the favicons of the top 100,000 websites. You can see a map of all the favicons fetched here.

Adam, Nathan & Patrick

Eye-Tracking in Mobile UX Research — Explores the latest trends in eye-tracking and how the methodology can be included in the UX researcher’s toolbox.

Mariana Macedo

Put the “Flow” in Your Workflows with Shortcut — Looking for an intuitive white-board style project management tool? Collaboration has never been easier with Shortcut.

Shortcut (formerly Clubhouse.io) sponsor

How to Implement and Style the <dialog> Element — An in-depth look at the native HTML dialog element, showing you how to implement a user-friendly, accessible version on your site.

Christian Kozalla

First Steps with GPT-3 for Frontend Developers — Consider this a beginners guide to OpenAI’s API, easing frontend devs into the world of GPT-3 and giving you a heads-up on all the tools needed to start building AI-powered apps.

Maxime Heckel

A Beginner's Guide to Responsive Images — Includes live demos and code snippets introducing syntax for the srcset and sizes attributes and the <picture> element, for developers getting started with responsive images.

Louis Lazaris beginner

Creating the Effect of Transparent Glass and Plastic with Three.js — The effects you can pull off in the browser nowadays continue to impress me as someone who grew up on 8-bit graphics(!).

Kelly Milligan

Learn Responsive Design — This course is an excellent primer exploring all contemporary aspects of responsive design.

Jeremy Keith beginner

ssshape: An SVG Blob/Organic Shape Generator with Extra Controls — Choose a few random points, then this tool will generate a blob that you can adjust with numerous settings, then copy/export in SVG format. Quite a decent variety of options/outputs here.

Sébastien Noël

Iconsax: 6000 Free Icons in Six Different Styles — This huge collection of icons is available in multiple styles and design-friendly formats. There’s also a React version and an accompanying component framework for Vue.

Lusaxweb

Automate Domains, DNS, and SSL Certificates with This Special Offer 👀

DNSimple sponsor

Compressio: An Open Source Image Compression Tool — Another option for batch image optimization (JPG, PNG, GIF & SVG). Allows 10 images/50MB at a time and includes a quality slider and settings to toggle lossless compression and metadata retention.

Choudhary Abdullah

MiniMasonry.js: Minimalist Dependancy Free Masonry Layout Library

Spope