Home/2022
Archive

Year 2022

1,596 articles published in 2022.

Frontend — Recreating MDN's Truncated Text Effect

Recreating MDN's Truncated Text Effect

It's no secret that MDN rolled out a new design back in March. It's gorgeous! And there are some sweet CSS-y gems in it that are fun to look at. One of those

GGGeoff GrahamGeoff Graham·July 28, 2022Frontend
Security — Five security principles for billions of messages across Meta’s apps

Five security principles for billions of messages across Meta’s apps

At Meta, our messaging apps help billions of people around the world stay connected to those who matter most to them. This scale brings potential threats from criminals and hackers, so we have a responsibility to keep people and their data safe. We’re sharing a set of principles to ensure that security is central to […]

CWChris Wiltz·July 28, 2022Security
Frontend — Testable Frontend: The Good, The Bad And The Flaky — Smashing Magazine

Testable Frontend: The Good, The Bad And The Flaky — Smashing Magazine

How to organize their testing between unit, integration, and E2E testing and how to test their UI components? Testing is not just about tools and processes. It’s about architecture. In this article, Noam Rosenthal will share his experience on how to organize testing and find the right balance between front-end and subsystems and between different strategies.

NRNoam RosenthalNoam Rosenthal·July 28, 2022Frontend
Engineering — Release Radar

Release Radar

It’s been a crazy couple of months with the end of financial year and lots of products shipping. Our community has been hard at work shipping projects too. These projects…

MDMichelle DukeMichelle Duke·July 27, 2022Engineering
Security — Corrupting memory without memory corruption

Corrupting memory without memory corruption

In this post I’ll exploit CVE-2022-20186, a vulnerability in the Arm Mali GPU kernel driver and use it to gain arbitrary kernel memory access from an untrusted app on a Pixel 6. This then allows me to gain root and disable SELinux. This vulnerability highlights the strong primitives that an attacker may gain by exploiting errors in the memory management code of GPU drivers.

MYMan Yue MoMan Yue Mo·July 27, 2022Security
SRE & Ops — Programming languages endorsed for server-side use at Meta

Programming languages endorsed for server-side use at Meta

Supporting a programming language at Meta is a very careful and deliberate decision. We’re sharing our internal programming language guidance that helps our engineers and developers choose the best language for their projects. Rust is the latest addition to Meta’s list of supported server-side languages. At Meta, we use many different programming languages for a […]

CWChris Wiltz·July 27, 2022SRE & Ops
Security — Introducing even more security enhancements to npm

Introducing even more security enhancements to npm

New npm security enhancements include an improved login and publish experience with the npm CLI, connected GitHub and Twitter accounts, and a new CLI command to verify the integrity of packages in npm.

MBMyles Borins, Monish MohanMyles Borins, Monish Mohan·July 26, 2022Security
Frontend — Launching Instagram Messaging on desktop

Launching Instagram Messaging on desktop

In 2020 we launched Instagram Messaging (referred to in this post simply as “Messaging”) for personal desktop computers. We believe that this feature will improve everyday experiences and enable new use cases for all of our desktop web users. In this post, we go through some of our overall learnings from our desktop users, and […]

CWChris Wiltz·July 26, 2022Frontend
SRE & Ops — It’s time to leave the leap second in the past

It’s time to leave the leap second in the past

The leap second concept was first introduced in 1972 by the International Earth Rotation and Reference Systems Service (IERS) in an attempt to periodically update Coordinated Universal Time (UTC) due to imprecise observed solar time (UT1) and the long-term slowdown in the Earth’s rotation. This periodic adjustment mainly benefits scientists and astronomers as it allows […]

CWChris Wiltz·July 25, 2022SRE & Ops
Frontend — vs. : How To Choose The Right One — Smashing Magazine

vs. : How To Choose The Right One — Smashing Magazine

We may tend to think largely in terms of end-users when it comes to HTML. However, writing HTML that is easy to understand and self-explanatory for whoever will work on it is sufficient reason to use the correct semantic element. In this article, Olushuyi explores a mental model that helps you decide between the `` and `` elements when writing documents. You will explore how grouping content affec

OOOlushuyi OlutimilehinOlushuyi Olutimilehin·July 25, 2022Frontend
Design & UX — Overcoming Imposter Syndrome By Developing Your Own Guiding Principles — Smashing Magazine

Overcoming Imposter Syndrome By Developing Your Own Guiding Principles — Smashing Magazine

Design is one of those disciplines that has a very low barrier to entry. But what isn’t so easy is acquiring the softer skills that you’ll need when entering this job market. Unfortunately, not everyone has access to a mentor or a guide, which is why we often have to rely on “working it out” by ourselves. In this article, Luis Ouriach tries to help you in this task so that you can walk into the de

LOLuis Ouriach·July 22, 2022Design & UX
Career & Teams — AutoTransform: Efficient Codebase Modification

AutoTransform: Efficient Codebase Modification

Every codebase starts off small and modern. While it’s still small, the team can easily keep it up-to-date with current standards, upgrade libraries, and handle any code hygiene issues that may arise. Updating the API of a framework you built is easy when it’s only called in a handful of places. However, as the codebase…

NRNathan Rockenbach·July 21, 2022Career & Teams
Career & Teams — Looking Back At SmashingConf SF 2022 — Smashing Magazine

Looking Back At SmashingConf SF 2022 — Smashing Magazine

Now that some time has passed since the team returned from SmashingConf San Francisco, we’ve had time to think about the event and wrap up some of the things we all learned. In this article, we would like to share our perspective as organizers and take a look at our upcoming events.

JNJarijn NijkampJarijn Nijkamp·July 21, 2022Career & Teams
Engineering — Announcing the Build Output API

Announcing the Build Output API

The Build Output API enables any framework, including your own custom-built solution, to take advantage of Vercel’s infrastructure building blocks.

VVercel·July 21, 2022Engineering
Security — Using Hermes’s Quicksort to run Doom: A tale of JavaScript exploitation

Using Hermes’s Quicksort to run Doom: A tale of JavaScript exploitation

At Meta, our Bug Bounty program is an important element of our “defense-in-depth” approach to security. Our internal product security teams investigate every bug submission to assess its maximum potential impact so that we can always reward external researchers based on both the bug they found and our further internal research assessment of where else […]

CWChris Wiltz·July 20, 2022Security
Performance — Powerful Image Optimization Tools — Smashing Magazine

Powerful Image Optimization Tools — Smashing Magazine

Optimizing the size of images can have a bigger impact on performance than all other areas combined. In this article, Louis Lazaris covers different tools available for reducing the size of images. You might already know that Smashing Magazine has published the book Image Optimization by Addy Osmani, which covers this topic in full detail. But consider this post a compliment to the book, as this w

LLLouis LazarisLouis Lazaris·July 20, 2022Performance
Frontend — Building text animations for Instagram Stories

Building text animations for Instagram Stories

In August 2020, Instagram launched a set of dynamic and fun text styles followed by animations to give people more choices to express themselves on Stories and Reels. This was the first major update to Stories’ text tools since 2016, and we wanted to share how we approached some obstacles we encountered and what we […]

MEMeta Engineering·July 18, 2022Frontend
Architecture — A New Pattern For The Jamstack: Segmented Rendering — Smashing Magazine

A New Pattern For The Jamstack: Segmented Rendering — Smashing Magazine

Among all possible architectures for rendering a website, static rendering is the most performant. Yet, it’s only applicable to public, generic content. Or is it? In this article, we will push the boundaries of static rendering and learn how to apply it to personalized content. This new pattern is called “Segmented Rendering” and will change the Jamstack game forever.

EBEric BurelEric Burel·July 18, 2022Architecture
Engineering — Working in public — our docs-as-code approach

Working in public — our docs-as-code approach

Besides following a docs-as-code approach, at Cloudflare we handle our documentation changes in a public repository. The contributions we get from the entire Cloudflare community help us make our documentation better every day

PPedroPedro·July 15, 2022Engineering
SRE & Ops — Spin Infrastructure Adventures: Containers, Systemd, and CGroups - Shopify

Spin Infrastructure Adventures: Containers, Systemd, and CGroups - Shopify

The Spin infrastructure team works hard at improving the stability of the system. In February 2022 we moved to Container Optimized OS (COS), the Google maintained operating system for their Kubernetes Engine SaaS offering. A month later we turned on multi-cluster to allow for increased scalability as more users came on board. Recently, we’ve increased default resources allotted to instances dramat

SEShopify Engineering·July 15, 2022SRE & Ops
Languages — Resolving Conflicts Between Designers And Engineers — Smashing Magazine

Resolving Conflicts Between Designers And Engineers — Smashing Magazine

Often, it’s easier for an engineer to see the aspects of a good user experience than for a designer to understand the technical aspects of how something functions, let alone how feasible it is. Regardless, the two sides work best when both lower their guards and reach across the aisle. In this article, Scott Himmer will go over some areas where you might find the design and engineering conflicts m

SHScott HimmerScott Himmer·July 15, 2022Languages
AI & ML — Research: How GitHub Copilot helps improve developer productivity

Research: How GitHub Copilot helps improve developer productivity

We surveyed more than 2,000 developers about whether GitHub Copilot helped them be more productive and improved their coding. Then, we matched this qualitative feedback and subjective perception with quantitative data around objective usage measurements and productivity.

AZAlbert ZieglerAlbert Ziegler·July 14, 2022AI & ML
SRE & Ops — Owl: Distributing content at Meta scale

Owl: Distributing content at Meta scale

Being able to distribute large, widely -consumed objects (so-called hot content) efficiently to hosts is becoming increasingly important within Meta’s private cloud. These are commonly distributed content types such as executables, code artifacts, AI models, and search indexes that help enable our software systems. Owl is a new system for high-fanout distribution of large data […]

CWChris Wiltz·July 14, 2022SRE & Ops
SRE & Ops — Using Nothing But Docker For Projects — Smashing Magazine

Using Nothing But Docker For Projects — Smashing Magazine

Using only Docker to build and run applications and commands removes the need for previous knowledge in some tool or programming language. Also, it avoids the necessity to install new modules and dependencies directly to the system, which makes development machine-independent.

RARaphael AmoedoRaphael Amoedo·July 14, 2022SRE & Ops
Engineering — 25,000 new trees in Nova Scotia

25,000 new trees in Nova Scotia

Cloudflare is proud to announce the first 35,000 trees from our commitment to help clean up bad bots (and the climate) have been planted

PDPatrick Day, BensolPatrick Day, Bensol·July 13, 2022Engineering
Frontend — In Praise of Shadows

In Praise of Shadows

Our dear friend Robin has a new essay called In Praise of Shadows. Now, before you hop over there looking for nuggets on CSS box shadows, text shadows, and

GGGeoff GrahamGeoff Graham·July 12, 2022Frontend