Chomium Blog
Chrome Releases
Paul Kinlan
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 wo
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
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
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
New in Chrome 78
New in Chrome 78Chrome 78 is rolling out now! I’m Pete LePage, let’s div
The Chromium Chronicle: Preprocessing Source
body:not(.devsite-dark-code) pre.prettyprint.cc-good { background-colo
What's New In DevTools (Chrome 79)
What's New In DevTools (Chrome 79)New features for cookiesDebug why a c
The Chromium Chronicle: Monorail’s Grid View!
The Chromium Chronicle: Monorail’s Grid View!Episode 6: September 2019by Ti
Deprecations and removals in Chrome 78
Deprecations and removals in Chrome 78XSS AuditorXSS Auditor has been remov
Fresher service workers, by default
Fresher service workers, by defaultNote: This article was updated toreflect
New in Chrome 77
New in Chrome 77Chrome 77 is rolling out now! There’s a better way to tr
What's New In DevTools (Chrome 78)
What's New In DevTools (Chrome 78)Multi-client support in the Audits pa
Trusted Web Activities Quick Start Guide
Trusted Web Activities Quick Start GuideTrusted Web Activities (TWAs) can b
Get started with GPU Compute on the Web
figcaption { text-align: center; margin-bottom: 32px; }Get started with GPU
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