Sam Thorogood articles - 40 total
Web Font Loading & The Status Quo
Let's start with the obvious: there's lots of great posts out there on font loading (which all tend...
Observing rendered DOM nodes
When building webpages, we create and use HTML elements, but this is often a decidedly one-way...
Check your JS with TS
Check your JS with TS TypeScript is great and its static analysis and typechecking can...
The System Font
tl;dr: as of August 2020, use the following snippet to get the system font on your webpages, on most...
Control Loading Spinner in HTML
Control Loading Spinner in HTML If your web experience involves real HTML pages and actual...
Async Generators for User Input
Async Generators for User Input It's possible to build JS, on the web, with a native-like...
Node.js Streams & Object Mode
Node.js Streams & Object Mode Streams in Node.js serve two purposes.The first, more...
Logging with App Engine and Stackdriver
Logging with App Engine and Stackdriver In days of old, App Engine's logging statement...
Progress Indicator With Fetch
A quick tip: in a previous demo, I showed how we can download a large file to seed the content for a...
Graceful Shutdown Is A Lie
Your backends could crash at any time. Code defensively!
Divert Vertical Scroll To The Side ↔️
Does your design involve horizontal scrolling? Ensure that natural, vertical scrolling works as intended.
What To Expect When You're Expecting To Drop IE11 🗑️
50+ web features you can use when you say 👋 to IE11 support!
Modern Web Components
Lit Element is a modern Web Component darling, but it's not "all-in". Read about how it plays nice with the platform.
Google Assistant now supports "Open/Close" devices
Sometime since I wrote this post about using Google Assistant to open and close my garage door,...
Install This PWA To Continue
In your JS, we can ask whether your site was loaded by tapping on an installed homescreen icon. Could we use this to prompt an install?
Matching elements with selectors in JS
Learn about the helpers `matches` and `closest` in JS/HTML!
PWAs that download like apps 🗜️
Experiments with installing PWAs from a tar file
Disable a HTML form while in-flight using fieldset
Use `fieldset disabled` to prevent form changes during a submit!
AMA, Sam 10-yr Googler in Web DevRel
Sam has worked for Google for ten whole years. Ask him things!
Beyond appendChild: Better convenience methods for HTML
Sometimes, we all just have to write vanilla JS. Make it easier by updating your repertoire!
Automate Reading Form Results with 🤖 Chrome
Learn how to open a page, submit a form, and scrape the result with Puppeteer.
Sam's dotfiles highlights
A brief insight into my dotfiles and helpers
Declaring JS Variables in 2019
var, let or const: what is the right choice? 🤔
Detecting Select All on the Web
Let's intercept the Select All gesture and do something better!
Arrow functions break JavaScript parsers
Esoteric musings on JavaScript's ambiguous arrow function
Civilization is a game you never lose
Thoughts on Civilization (the video game, not the concept) and game theory!
Blog-A-Day in June 2019
Sam writes a post every day in June: read on!
Rebuild only when necessary in Node
Learn about Node's built-in filesystem watchers so that you only rebuild projects when you need to.
The Chrome Dev Summit site: case study
Some reading on the CDS 2018 site—a simple content site for Chrome's annual conference
WebGL point sprites, a tutorial
Over the past few days, I've been experimenting with WebGL, which is OpenGL fro...