Chomium Blog
Chrome Releases
Paul Kinlan
Debugging Web Pages on the Nokia 8110 with KaiOS
We’ve been doing a lot of development on feature phones recently and it’s been hard, but
Object Detection and Augmentation
I’ve been playing around a lot with the Shape DetectionAPI in Chrome a lot and I reallylike the
Got web performance problems? Just wait...
I saw a tweet by a good chum and colleague, Mariko, about testing on a range of low end devices keepi
Browser Bug Searcher
I was just reflecting on some of the work our team has done and I found a project from 2017 that Robe
Github's Web Components
I was looking for a quick markdown editor on https://www.webcomponents.org/ so that I can make postin
The GDPR mess
The way we (as an industry) implement GDPR consent is a mess. I’m not sure why anyone would ch
Brexit: History will judge us all
History will judge us all on this mess, and I hope it will be a case study for all on the effects o
Ricky Mondello: Adoption of Well-Known URL for Changing Passwords
Ricky Mondello over on the Safari team just recently shared a note about how Twitter is using the ./w
pinch-zoom-element
Jake and the team built this rather awesome custom element for managing pinch zooming on any set of H
Why Build Progressive Web Apps: Push, but Don't be Pushy! Video Write-Up
A great article and video and sample by Thomas Steiner on good push notifications on the web.A partic
Maybe Our Documentation "Best Practices" Aren''t Really Best Practices
Kayce Basques, an awesome tech writer on our team wrote up a pretty amazing article about his experie
Feature Policy & the Well-Lit Path for Web Development (Chrome Dev Summit 2018)
Jason did an amazing talk about a little-known but new area of the web platform ‘Feature Policy
Photos from Chrome Chrome Dev Summit 2018
Some awesome photos from this years Chrome Dev SummitI love this event ;)Read full post.I am like Wal
Chrome Dev Summit 2018
I am so excited! Tomorrow is the 6th Chrome Dev Summit and it’s all coming together.Join us at
Creating a simple boomerang effect video in javascript
In the process of building on online videoeditor I wanted to scratchan itch that had been bugging me
Grep your git commit log
This is more for my reference in the future. But if you want to search you commit history for a speci
Performance and Resilience: Stress-Testing Third Parties by CSS Wizardry
I was in China a couple of weeks ago for the Google Developer Day and I was showing everyone my QRCod
Chrome Bug 897727 - MediaRecorder using Canvas.captureStream() fails for large canvas elements on Android
At the weekend I was playing around with a Boomerang effect video encoder, you can kinda get it worki
Why Microsoft and Google love progressive web apps | Computerworld
A nice post about PWA from Mike Elgan. I am not sure about Microsoft’s goal with PWA, but I thi
Building a video editor on the web. Part 0.1 - Screencast
You should be able to create and edit videos using just the web in the browser.It should be possible
894556 - Multiple video tracks in a MediaStream are not reflected on the videoTracks object on the video element
The first issue I have found trying to build a video editor on theweb.I have multiple video streams (
Building a video editor on the web. Part 0.
You should be able to create and edit videos using just the web in the browser.It should be possible
Barcode detection in a Web Worker using Comlink
I’m a big fan of QRCodes, they are very simple and neat way to exchange data between the real w
Running FFMPEG with WASM in a Web Worker
I love FFMPEG.js, it’s a neat tool that is compiled with asm.js`and it let’s me build JS
Translating a blog using Google Cloud Translate and Hugo
I recently returned from a trip to India to attend the Google4India event (report soon) and to meet w
Paul Lewis
🌟 When everything's important, nothing is! 🌟
Do libraries and frameworks prioritize components on boot? If so, how, and if not what can
Slicing SVG 9 Ways
I recently made a 3D Card Flip element as part of my Supercharged YouTube video series, and
The Anatomy of a Frame
I'm often asked by other developers about parts of the pixel workflow, and what fires when
The Hack is Back!
Image decoding can be a source of checkboarding and jank. What if there was a way to work a
The Cost of Frameworks
I recently delivered a talk at FFConf in Brighton, called "You should use <insert librar
Big Rig
I'm a big fan of performance testing, but for many it's hard to get at extended data about
CORS for Concern
.... and something I couldn't turn into a link-baity title for Mixed Content. (Sorrynotsorr
Spelunking in Decoratorland
There's a rumour of a suggestion of a thought of a concept about these things called decora
React + Performance = ?
React is very popular at the moment, and I can see why: its developer ergonomics are very a
Guitar Tuner
Given we have the Web Audio API and getUserMedia, I wondered if I could make a passable gui
Polymer for the Performance-obsessed
I'm building a small web app at the moment, and so I've taken the opportunity to give Polym
Voice Memos
The past few weeks I've been a busy chap. I've been building a new web app for recording vo
Moar Performance!
It's been a while since I posted an update, so I wanted to give a brief breakdown of what I
FLIP Your Animations
Animations in your web app should run at 60fps. Not always easy to achieve that,and it real
Some Gotchas That Got Me
I've been building a web app recently and I've had one of those builds. You know, one of th
CSS Triggers
I figure we needed a definitive reference for what work is triggered by changing various CS
Pixels are expensive
How pixels get onto your users' screens is something you should know about. Not for the sak
Better password form fields
The best experiences are all about reducing friction, and that takes many forms. Sometimes
trigger vs triggerHandler in jQuery
It's never nice to see bugs crop up because libraries and browsers aren't interacting as ex
Web Components and the Three Unattractive Pillars
Web Components are the future, for better or worse! That was the summary provided by Peter
My Performance Audit Workflow
Sometimes I get asked to do performance audits on web projects and to make some recommendat
Bye Bye Layer Hacks, Hello will-change
Have you ever used the translateZ hack to create a new compositor layer? Most developers ha
Algowhatnow?
There have been some posts recently that lament the way that companies hire front-end devel
Dart: on its merits
Younger Paul was an inquisitive chap. He liked to monkey about with loads of different tech
The Web Needs Containment
Make me a view in HTML. Go on. You can't, of course, because the browser has no idea what a
Bad Benchmark, Right Result
A benchmark is a benchmark, right? How wrong can it be? Turns out I got hoodwinked by one,
New Site, Same Old Priorities
A new site! The last version was getting a little bit dated, both in terms of design but al
Images Slowing Down Your Site? Try This One Weird Trick!
Where I decide to go offroading with image decoding.
Making a 60fps Mobile App
Mobile apps are difficult to make. To stay relevant I decided to give it a crack. And I tri
It should "just work"
The browser is a black box, yet we often have to optimize for implementation specifics. Is
Reflections on Performance at Google I/O
I spent most of my time at Google I/O talking to developers about performance. Here are som
Reinventing the Wheel
I'm worried about the web. I mainly worry that we're not advancing the state of the art qui
Hello, Blink!
The browser is a black box, yet we often have to optimize for implementation specifics. Is
Don't Guess it, Test it!
The browser is a black box, yet we often have to optimize for implementation specifics. Is
On translate3d and layer creation hacks
Translate3d is often hailed as something of a silver bullet. In many cases it will drastica
Jake Archibald
Who has the fastest website in F1?
I was trying to make my predictions for the new Formula One season by studying the aerodynamics of th
A declarative router for service workers
I'm looking for feedback on this API. It isn't yet supported in any standard or browser.In the very e
What happens when packages go bad?
I built spritecow.com back in 2011, and I no longer actively maintain it. A few months ago, a user be
I discovered a browser bug
I accidentally discovered a huge browser bug a few months ago and I'm pretty excited about it. Securi
Third party CSS is not safe
A few days ago there was a lot of chatter about a 'keylogger' built in CSS.Some folks called for brow
Arrays, symbols, and realms
On Twitter, Allen Wirfs-Brock asked folks if they knew what Array.isArray(obj) did, and the results s
await vs return vs return await
When writing async functions, there are differences between await vs return vs return await, and pick
Netflix functions without client-side React, and it's a good thing
A few days ago Netflix tweeted that they'd removed client-side React.js from their landing page and t
Lazy async SVG rasterisation
Phwoar I love a good sciency-sounding title.SVG can be slowWhen transforming an SVG image, browsers t
HTTP/2 push is tougher than I thought
"HTTP/2 push will solve that" is something I've heard a lot when it comes to page load performance pr
Web Fundamentals
New in Chrome 73
New in Chrome 73 In Chrome 73, we've added support for:Creating port
Move Ya! Or maybe, don't, if the user prefers-reduced-motion!
Move Ya! Or maybe, don't, if the user prefers-reduced-motion!tl;dr: Not
KV Storage: the Web's First Built-in Module
KV Storage: the Web's First Built-in ModuleBrowser vendors and web perf
What's New In DevTools (Chrome 74)
What's New In DevTools (Chrome 74)Welcome back! Here's what's n
Web Dev Ecosystem team - February wrap up
Web Dev Ecosystem team - February wrap upWelcome to the first installment o
Exploring a back/forward cache for Chrome
Exploring a back/forward cache for ChromeOn the Chrome team, we are explori
Trust is Good, Observation is Better—Intersection Observer v2
Trust is Good, Observation is Better—Intersection Observer v2Intersection O
Trusted Types help prevent Cross-Site Scripting
Trusted Types help prevent Cross-Site ScriptingTL;DRWe've created a new
Get Ready for Priority Hints
Get Ready for Priority HintsAs performance becomes increasingly important,
Replacing a hot path in your app's JavaScript with WebAssembly
Replacing a hot path in your app's JavaScript with WebAssemblyIt's
Rob Dodson (Medium)
Which elements support shadow DOM?
Oliver on twitter asked:Is there a list somewhere of which HTML elements can and can’t have a shadow
They’re all pretty similar so it’s up to you which you prefer to use.
They’re all pretty similar so it’s up to you which you prefer to use.If you want to track your scores
If you’re running the audit in DevTools itself you can export JSON for the data.
If you’re running the audit in DevTools itself you can export JSON for the data. web.dev will also li
I believe this audit is checking if any anchors, , on the page are missing an…
I believe this audit is checking if any anchors, <a href=”…”>, on the page are missing an acces
Hey Samuel,
Hey Samuel,They all use the same tool under the hood (Lighthouse). Currently the version on web.dev d
web.dev status update, 29th Nov 2018
Hey folks,It’s been a couple weeks since our last update so we wanted to check-in and let you know wh
Hi Sara,
Hi Sara,You can file an issue at github.com/googlechrome/web.dev. When you file an issue, make sure t
Hi Vittorio,
Hi Vittorio,You can file issues here: https://github.com/googlechrome/web.devWe started to open up th
Hi Sunny
Hi SunnyUnder the hood we’re using a tool called Lighthouse (https://developers.google.com/web/tools/
Addy Osmani (Medium)
JavaScript Loading Priorities in Chrome
How browsers schedule and execute scripts can impact the performance of web pages. While techniques l
Measure, Optimize & Monitor.
Performance is a constant process, not a one-time checklist. It requires continuous monitoring and wo
A Netflix Web Performance Case Study
Improving Time-To-Interactive for Netflix.com on Desktoptl;dr: There are no silver bullets to web per
Start Performance Budgeting
If you’re building a web experience and want to stay fast, a performance budget can be critical. For
The Cost Of JavaScript In 2018
Building interactive sites can involve sending JavaScript to your users. Often, too much of it. Have
A Tinder Progressive Web App Performance Case Study
Tinder recently swiped right on the web. Their new responsive Progressive Web App — Tinder Online — i
A Pinterest Progressive Web App Performance Case Study
Pinterest’s new mobile web experience is a Progressive Web App. In this post we’ll cover some of thei
The Cost Of JavaScript
As we build sites more heavily reliant on JavaScript, we sometimes pay for what we send down in ways
Hacker News Progressive Web Apps
At Google I/O this year, we introduced HNPWA (Hacker News Readers as PWAs) — a project aiming to demo
A React And Preact Progressive Web App Performance Case Study: Treebo
Authors: Treebo: Lakshya Ranganath, Chrome: Addy OsmaniTreebo is India’s top rated budget hotel chain
Sam Thorogood (Medium)
The data is here:
The data is here:https://medium.com/media/d474a5dd7c9833159d53274a27c7ba83/href
Try loading the script like this:
Try loading the script like this:<script src="..." type="module" crossorigin=&
↩️ Native Undo & Redo for the Web
This was originally posted on dev.to, 23 April 2018.How can you support Undo and Redo natively for el
You’ll need HTTPS to make any of what I’ve listed in my article work, sorry.
You’ll need HTTPS to make any of what I’ve listed in my article work, sorry. Good news though—Let’s E
It shouldn’t matter what it’s called.
It shouldn’t matter what it’s called. You have to link to it in your site’s <head>, though, lik
JS Callbacks to Promises
This post is about converting old APIs like requestAnimationFrame to modern, Promise-based APIs. ⚠️ I
Yes, it does have to be included on every page—your users can open your site at any point, so you…
Yes, it does have to be included on every page—your users can open your site at any point, so you wan
Thanks, this has changed since I first published the article. I’ve added this note.
Thanks, this has changed since I first published the article. I’ve added this note.
You’re totally correct.
You’re totally correct. And HTTP2 is definitely a thing on most hosts now—but the static analysis par
Alex Russell (Medium)
No worries!
No worries! Note that good polyfills are available back to IE11 as well: https://github.com/WebCompon
Safari, Opera, Chrome, Firefox, UC Browser, Samsung Internet, and China-market browsers that are…
Safari, Opera, Chrome, Firefox, UC Browser, Samsung Internet, and China-market browsers that are base
Something that gets lost in the desktop focus of most web developers is that web components are…
Something that gets lost in the desktop focus of most web developers is that web components are suppo
Solid is not W3C endorsed.
Solid is not W3C endorsed.The W3C endorses internet standards through its “recommendation track” proc
Why Are App Install Banners Still A Thing?
A tweetstorm digestion by Alex & Owen.“Why would someone add this banner to their website?!” asks
Sort of! The background sync API has retry built in.
Sort of! The background sync API has retry built in. If your operation doesn’t succeed, it will be re
Worth noting there’s prior art for both of these.
Worth noting there’s prior art for both of these. Both the Closure Library and Dojo Toolkit build sys
They’re less useful at the app level, but “data flow” for terminal nodes is “properties and…
They’re less useful at the app level, but “data flow” for terminal nodes is “properties and attribute
HTML Imports do de-duping.
HTML Imports do de-duping. That why you’ll see projects with Polymer components all <link rel=”imp
It’s totally true; you can’t just coin a term over dinner.
It’s totally true; you can’t just coin a term over dinner. You need to follow the well-established pr