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…