Native CSS Masonry Layout In CSS Grid

November 30th, 2020

Rachel Andrew introducing the fact that masonry layout is going to be a thing in native CSS via CSS grid layout. The thing with masonry is that we can already do it for the most part, but there is just one thing that makes it hard: doing the vertical-staggering and having a left-to-right source order….

Lots of Ways to Use Math.random() in JavaScript

November 30th, 2020

Math.random() is an API in JavaScript. It is a function that gives you a random number. The number returned will be between 0 (inclusive, as in, it’s possible for an actual 0 to be returned) and 1 (exclusive, as in, it’s not possible for an actual 1 to be returned). Math.random(); // returns a random…

A Complete State Machine Made With HTML Checkboxes and CSS

November 27th, 2020

State machines are typically expressed on the web in JavaScript and often through the popular XState library. But the concept of a state machine is adaptable to just about any language, including, amazingly, HTML and CSS. In this article, we’re going to do exactly that. I recently built a website that included a “no client…

The U.K.’s top nostalgic films: Access now on Pixel’s 5G

November 27th, 2020

With so many countries now returning to various forms of lockdown, and winter steadily drawing in, many of us are turning to our favorite films and movie moments to find some familiarity in a time of uncertainty. In other words, we’re embracing nostalgia. And why not? The movies we love are usually steeped in happy…

Three Things You Didn’t Know About AVIF

November 26th, 2020

AVIF, the file format based on the AV1 video codec, is the latest addition to the next-gen image formats. Early reports and comparisons show good results compared to JPEG and WebP. However, even if browser support is good, AVIF is still on the bleeding edge in regards to encoding and decoding. Encoding, decoding, settings and…

After beating cancer, a renewed focus on mental health

November 25th, 2020

2019 was a challenging year for me. It was the year I was diagnosed with Stage 3 colon cancer. As someone who has always been active and healthy, the news came as a complete shock, and it didn’t help that doctors couldn’t explain why it happened. But I wasn’t caught up in the mindset of…

A custom-built robot lightens up the mood

November 25th, 2020

As a technical solutions consultant at Google, Christian Gijtenbeek enjoys helping others with creative solutions to complex problems. While working from home this year, the Amsterdam-based Googler noticed a dilemma of his own. “It’s more challenging to interact with colleagues and clients without the non-verbal cues many of us are used to,” he says. “How…

Combining technology and art as a Developer Advocate

November 25th, 2020

Welcome to the latest edition of “My Path to Google,” where we talk to Googlers, interns, and alumni about how they got to Google, what their roles are like, and even some tips on how to prepare for interviews. Today’s post is all about Priyanka Vergadia, who followed her curiosity and stumbled upon a role…

Rendering Spectrum

November 24th, 2020

Here are the big categories of rendering websites: Client: ship a <div id=”root”></div> and let a JavaScript template render all of it. Static: pre-render all the HTML. Server: let a live server process requests and generate the HTML response. They are not mutually exclusive. A website could statically pre-render 75% of it’s pages (say, blog…

7 creative tips to improve your Web Stories

November 24th, 2020

Since Google launched a new home for Web Stories on Discover, we have seen a diverse group of content creators using the format to tell engaging stories, everything from product reviews to a history of the U.S. postal service. Thanks to new and improved creation tools, it’s easier than ever to create a high-quality and…