Tag: chrome

Using Chrome's Document Picture In Picture Api In React

Using Chrome’s Document Picture-in-Picture API in React

Dev

Chrome’s new Document Picture-in-Picture API builds on the PIP API to open up a wider range of possibilities for user interaction.

Peter Ekene Eze
Jun 26, 2024 ⋅ 4 min read
Exploring Interaction To Next Paint, A New Core Web Vital

Exploring Interaction to Next Paint, a new Core Web Vital

Dev

Interaction to Next Paint was added to Google’s Core Web Vitals to provide a more comprehensive assessment of website interactivity.

Rahul Chhodde
Feb 7, 2024 ⋅ 6 min read
How to debug TypeScript in Chrome

How to debug TypeScript in Chrome

Dev

Learn how to debut apps written in TypeScript (both frontend and backend, as well as using Node.js and Deno) using Chrome DevTools.

Shalitha Suranga
Jun 22, 2023 ⋅ 13 min read
Setting Up a Headless Chrome Node.js Server in Docker

Setting up a Headless Chrome Node.js server in Docker

Dev

In this tutorial, we’ll demonstrate how to create a Dockerfile to set up a Headless Chrome browser in Node.js.

Tigran Bayburtsyan
Jan 9, 2023 ⋅ 5 min read
Google Web Vitals SPS Nocdn

Core Web Vitals best practices for SPAs

Dev

Google Web Vitals will soon play a major role in how your site is ranked in search. Learn the best practices for SPAs.

Brian De Sousa
Nov 18, 2022 ⋅ 14 min read

Build a Bluetooth app with the Chrome Web Bluetooth API

Dev

Learn how to build a Bluetooth app with JavaScript using Chrome’s Web Bluetooth API to get ahead of the curve with this beta feature.

Atharva Deosthale
Oct 12, 2021 ⋅ 5 min read
Creating A Chrome Extension With React And TypeScript

Creating a Chrome extension with React and TypeScript

Dev

Learn how Chrome extensions work and communicate, then see how to build one using the full power of React and TypeScript.

Juan Cruz Martinez
Aug 12, 2021 ⋅ 10 min read
Building Faster Webpages For Core Web Vitals

Building faster webpages for Core Web Vitals

Dev

Learn the performance metrics frontend developers use to improve their Core Web Vitals and the structure they follow to build fast pages.

Tim Bednar
Jul 27, 2021 ⋅ 7 min read
Project Fugu Bridging Native App Gap

Bridging the native app gap with Project Fugu

Dev

Discover how the Chromium team is attempting to bridge the gap between native apps and the web through Project Fugu.

Adebola Adeniran
Apr 27, 2021 ⋅ 11 min read
Chrome devtools css grid debug

Debug CSS Grid with Chrome DevTools

Dev

Using Chrome DevTools and CSS Grid, learn how to discover grids in a page, inspect page layout, and debug common layout issues.

Rob O'Leary
Jan 4, 2021 ⋅ 6 min read

Headless Recorder: A new tool to speed up browser automation

Dev

Headless Recorder, formerly Puppeteer Recorder, records your browser interactions and generates a script for browser testing automation.

Florian Rappl
Dec 17, 2020 ⋅ 5 min read
Puppeteer automated UI testing website scraping

Using Puppeteer for automated UI testing

Dev

Learn about Puppeteer and Puppeteer Recorder and how to use it to scrape a web page and record automated UI tests for your project.

Solomon Eseme
Dec 2, 2020 ⋅ 5 min read