Chomium Blog
Chrome Releases
Paul Kinlan
Thinking about Developer Satisfaction and Web Developers
It would be an understatement to say that MDN’s Developer Needs Assessment has helped the Chrom
Hiring: Chrome Privacy Sandbox Developer Advocate
It’s looking like 2020 will be a big year for Privacy across the web and our team (Chrome) is n
Correct image orientation for images - Chrome 81
Looks like one of the oldest bugs in Chromium has been fixed. Chrome used to display images in landsc
Light fork of SimpleImage for Editor.js
I love Editor.js. It’s a nice simple block editor that I use to write these posts. It has a hos
Airhorner with added Web USB
This new year Andre Bandarra left me a little surprise on my desk: A physical airhorner built with We
Matsushima, Miyagi
Before we visited Yamadera we spent the day in Matsushima in Miyagi prefecture. It was an amazingly b
Yamadera, Yamagata
Early in December we took a short day-trip to Yamadera Temple in Yamagata prefecture. The temple
Pixel 4XL Infrared sensor via getUserMedia
It’s turns out that you can access the pixel 4 face detection IR camera via normal getUserMedia
Sunset over Tokyo from Shibuya
I was walking past the window in the Office and I saw this rather awesome view.
Harlech Castle
I love a good Castle. Luckily North Wales is full of amazing Castles. Last week I took the boys to Ha
Puppeteer Go
I love Puppeteer - it lets me play around with the ideas of The Headless Web - that is running the we
A simple video insertion tool for EditorJS
I really like EditorJS. It’s let me create a very simple web-hosted interface for my static Hug
Friendly Project Name Generator with Zeit
I’ve got some ideas for projects that make it easier to create sites on the web - one of the id
Frankie and Bennys: Pay for your meal via the web
Whenever I see a restaurant say that you can pay on mobile, I always check it out, mostly so I can be
Podroll
I love podcasts and I listen to quite a few, yet I still find discovering new podcasts is quite a har
Adding "dark mode" to my blog
I saw Jeremy Keith’s post about adding dark mode to his blog and it seemed simple, so I decided
Using Web Mentions in a static site (Hugo)
My blog is an entirely static site, built with Hugo and hosted with Zeit. This is a great solution fo
Creating a pop-out iframe with adoptNode and "magic iframes"
Update: 8th October - Significant issues with this doc.I caught up with Jake Archibald about this pos
Meatspace Augmented Reality: From Chester to Nagoya
I love Chester - it’s a walled Roman fort town in the North West of England, with a heap of his
Photos from Carlisle Castle
I recently went on holiday with the boys and we swung past Carlisle Castle (birthplace of the world r
Idle observation: Indexing text in images
I was out with the boys in Llangollen the other day (it’s a beautiful town) and I was taking pi
Liverpool World Museum
I took the kids to the Liverpool World History Museum the other week, it was pretty neat.The Space an
Bookstore - Llangollen
I love this place, it’s on top of a cafe in Llangollen. I came here with my grandparents nearly
Webmention.app
I love the idea of Webmentions, yet I’ve not had the time to implement it on my site. At a high
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
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
Service workers at TPAC
Last month we had a service worker meeting at the W3C TPAC conference in Fukuoka. For the first time
Probably?
Remy Sharp asked a question on Twitter that got me thinking about probability for the first time in a
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
Web Fundamentals
Multi-Origin Trusted Web Activities
Multi-Origin Trusted Web ActivitiesIf you are new to Trusted Web Activities
Introducing android-browser-helper, a library for building Trusted Web Activities
Introducing android-browser-helper, a library for building Trusted Web Acti
Deprecations and removals in Chrome 80
Deprecations and removals in Chrome 80Disallow Synchronous XMLHTTPRequest()
The Chromium Chronicle: ClusterFuzz
The Chromium Chronicle: ClusterFuzzEpisode 9: December, 2019by Adrian Taylo
New in Chrome 79
New in Chrome 79Chrome 79 is rolling out now! Installed Progressive Web
Improved WebAssembly debugging in Chrome DevTools
Improved WebAssembly debugging in Chrome DevToolsBackgroundUntil recently,
What's New In DevTools (Chrome 80)
What's New In DevTools (Chrome 80)Support for let and class redeclarati
The Chromium Chronicle: GWP-ASan: Detect bugs in the wild
The Chromium Chronicle: GWP-ASan: Detect bugs in the wildEpisode 8: Novembe
Deprecations and removals in Chrome 79
Deprecations and removals in Chrome 79-webkit-appearance keywords for arbit
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
Update: The Cost Of JavaScript In 2019 is now available to read.Building interactive sites can involv
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