Chomium Blog
Chrome Releases
Paul Kinlan
Creating a commit with multiple files to Github with JS on the web
My site is entirely static. It’s built with Hugo and hosted with Zeit. I’m pretty happy w
Screen Recorder: recording microphone and the desktop audio at the same time
I have a goal of building the worlds simplest screen recording software and I’ve been slowly no
Extracting text from an image: Experiments with Shape Detection
I had a little down time after Google IO and I wanted to scratch a long-term itch I’ve had. I j
Debugging Web Pages on the Nokia 8110 with KaiOS using Chrome OS
This post is a continuation of the post on debugging a KaiOS device with Web IDE, but instead of usin
New WebKit Features in Safari 12.1 | WebKit
Big updates for the latest Safari!I thought that this was a pretty huge announcement, and the opposit
Offline fallback page with service worker
Years ago, I did some research into how native applications responded to a lack of network connectivi
testing block image upload
This is just a test to see if I got the image upload right. If you see this, then yes I did :)
Editor.js
I’ve updated by Hugo based editor to try and use EditorJS as, well, the editor for the blog.Wor
Quick Logcat - debugging android from the web
I was on the flight to Delhi this last week and I wanted to be able to debug my KaiOS device with Chr
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
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
The Chromium Chronicle: Fighting Test Flakiness
body:not(.devsite-dark-code) pre.prettyprint.cc-bad { background-color
In Chrome 76 you can hide the Add to Home screen mini-infobar
In Chrome 76 you can hide the Add to Home screen mini-infobar TL;DR: We
Augmented reality with model-viewer
Augmented reality with model-viewerIn February, we introduced the <model
Paint Holding - reducing the flash of white on same-origin navigations
Paint Holding - reducing the flash of white on same-origin navigationsFor a
Deprecations and removals in Chrome 75
Deprecations and removals in Chrome 75Remove overflow: -webkit-paged-x and
Low-latency rendering with the desynchronized hint
Low-latency rendering with the desynchronized hint.hint { height: 150px;
New in Chrome 74
New in Chrome 74 In Chrome 74, we've added support for:Creating priv
What's New In DevTools (Chrome 75)
What's New In DevTools (Chrome 75)Hello! Here's what's new in C
The Chromium Chronicle: Task Scheduling Best Practices
body:not(.devsite-dark-code) pre.prettyprint.cc-bad { background-color
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