Building forms with custom elements
A roundup of the current state of custom form elements, useful APIs, and a checklist for ensuring your forms actually work.
What we're thinking
Over more than two decades, technology has changed, our team has changed, and our minds have changed, over and over again. But we're always thinking about better ways to present information, streamline workflows, and support every user. Welcome to our blog.
(Looking for our open-source code? We've archived it.)
Practical accessibility, part 2: Name (almost) everything
Naming elements and components is essential for an accessibile and usable experience. And it's harder than it looks.
Practical accessibility, part 1: Markup semantics & ARIA
First in a series of posts on coding practices that are essential for delivering an accessible experience.
HTML Video Sources Should Be Responsive
HTML video currently offers no means for specifying multiple video sizes. It should.
One web component to rule them all?
In this post, Scott talks about using the web component lifecycle to delegate simple JS additions.
We need more inclusive web performance metrics
Performance metrics are improving, but few tell us when a page is ready for *all* users.
Lightning-Fast Web Performance, an online course
Scott will be releasing his workshop as an online course.
Move Fast & Don't Break Things
An annotated transcript of Scott's 2019 Conference talk.
ASPIRE: Ideals to Aspire to When Building Websites
Ideals raise the bar. Acronyms are handy. Both are here.
5G Will Definitely Make the Web Slower, Maybe
Faster networks should fix our performance problems. Instead, they're making them worse.
Two Browsers Walked Into a Scrollbar
Scrollbars are design-heavy. How do we customize them in the lightest way possible?
The Simplest Way to Load CSS Asynchronously
CSS will block rendering while loading. Here's how not to do that, simply.
Shifting the Performance Burden
We're shifting the performance burden from the network to the device.
HTML Includes That Work Today
We've long desired an easy means of including markup into the page. Perhaps this will do it.
Tuning Performance for New and “Old” Friends
We now configure our sites to vary based on custom headers instead of cookies. Yay!
Toronto! Lightning Fast Web Performance Smashing Workshop Announced
Join Scott in Toronto for a front-end web performance workshop.
Build your own Blog from Scratch using Eleventy
Get up to speed and productive with Eleventy, a flexible static site generator.
Styling a Select Like It's 2019
We're living in the future: you can now directly style a select element with no need for JS or wrapper elements.
Should I Use JavaScript to Load My Web Fonts?
Are JavaScript methods to load web fonts necessary? Are they useful? Let's dig into the state of the art.
A/B Testing at the Edge with Servers Workers
Client-side A/B testing is dog slow. We wanted to explore using service workers to transform markup on the edge.
Second Meaningful Content: the Worst Performance Metric
Client-side tools for A/B testing and personalization can take a huge toll on performance, introducing huge delays.