Menu

How to Create a Shrinking Header on Scroll Without JavaScript

February 16th, 2021

Imagine a header of a website that is nice and thick, with plenty of padding on top and bottom of the content. As you scroll down, it shrinks up on itself, reducing some of that padding, making more screen real estate for other content. Normally you would have to use some JavaScript to add a…

Bustle Digital Group gives digital natives content they crave

February 16th, 2021

With 84 million readers and 55 million social fans across nine media brands, from Bustle to Elite Daily to Input, Bustle Digital Group (BDG) has the largest reach and engagement of any millennial and Gen Z-focused publisher. BDG has been working with Web Stories since late 2019 and has adopted them across their brand portfolio…

Using AbortController as an Alternative for Removing Event Listeners

February 15th, 2021

The idea of an “abortable” fetch came to life in 2017 when AbortController was released. That gives us a way to bail on an API request initiated by fetch() — even multiple calls — whenever we want. Here’s a super simple example using AbortController to cancel a fetch() request: const controller = new AbortController(); const…

Front-End Dissatisfaction (and Backing Off)

February 13th, 2021

Asko Nõmm reached a breaking point with front end: I want to have a personal life and not have to spend my nights reading up on some new flavor of *.js in fear that if I don’t I would soon be made irrelevant. I don’t want to learn nor use a million different tools. I…

We can’t heartly wait for Valentine’s Day

February 12th, 2021

This year, we want to bring a little sparkle to your Valentine’s Day — literally. Today’s Google Doodle shimmers with glitter, which the artist created using glue and stop motion photography. If you want to let someone know you care, let the Doodle be an inspiration and try making your own card – my personal…

Weekly Platform News: WebKit autofill, Using Cursor Pointer, Delaying Autoplay Videos

February 12th, 2021

In this week’s roundup, WebKit’s prefixed autofill becomes a standard, the pointer cursor is for more than just links, and browsers are jumping on board to delay videos set to autoplay until they’re in view… plus more! Let’s jump right into it. CSS ::-webkit-autofill has become a standard feature Chrome, Safari, and pretty much every other modern…

Why is paper still so magical?

February 12th, 2021

As a researcher on the Artificial Intelligence User Experience team (AIUX) at Google, I spend a lot of time thinking about technology’s role in creativity. Over the past year, I’ve been interviewing folks about creativity, idea generation and the technology they use, and one little comment always made it into every conversation: “I prefer paper.”…

What’s different about Web Stories

February 12th, 2021

Stories have become a popular format for digital content and social media. It seems that most social apps have their own take on stories, but what about Web Stories? On the surface, all story variations may appear to be the same. For example, they all allow you to tap to go forward and backward, swipe…

What people are saying about Australia’s proposed News Media Bargaining Code

February 11th, 2021

Microsoft’s take on Australia’s proposed law is unsurprising — of course, they’d be eager to impose an unworkable levy on a rival and increase their market share. But in its eagerness, Microsoft makes numerous claims that have been thoroughly and independently debunked. We have long been committed to supporting high-quality content on the web. Our…

How to file an issue

February 11th, 2021

Knowing how to file an issue with “the right information” may be the difference between it getting resolved immediately or never getting merged. We love community contributions so I thought it would be helpful to look at some of the common pitfalls to avoid. Everyone would rather be doing something else than filing or triaging issues — it’s…