Home/2024
Archive

Year 2024

1,122 articles published in 2024.

Frontend — Sticky Headers And Full-Height Elements: A Tricky Combination — Smashing Magazine

Sticky Headers And Full-Height Elements: A Tricky Combination — Smashing Magazine

Sticky positioning is one of those CSS features that’s pretty delicate and can be negated by a lot of things, so here’s another one to add to your mental catalog: Sticky elements don’t play nicely if they have to coordinate with other elements to make up a combined height, like `100vh`. Philip Braunen explores why this happens and presents a solution to fix it.

PBPhilip BraunenPhilip Braunen·September 5, 2024Frontend
Engineering — Another Stab at Truncated Text

Another Stab at Truncated Text

Seems like we're always talking about clipping text around here. All it takes is a little browsing to spot a bunch of things we've already explored.

GGGeoff GrahamGeoff Graham·September 3, 2024Engineering
Engineering — Are You a Dalia? How We Created Data Science Personas for Spotify’s Analytics Platform

Are You a Dalia? How We Created Data Science Personas for Spotify’s Analytics Platform

On Spotify’s Analytics Platform, we’re dedicated to building products that empower data practitioners to discover, analyze, and share insights — think notebooks, dashboards, and metrics. To create solutions that connect with our users, it’s critical for us to first understand who our users are. However, the evolving landscape of data roles presents a challenge.

SESpotify Engineering·September 1, 2024Engineering
Design & UX — Engineering with Empathy: My Journey to Understanding the User Experience

Engineering with Empathy: My Journey to Understanding the User Experience

“What are your goals for this quarter?” It’s the question every manager asks, and one that often prompts a flurry of technical objectives and project milestones. Jumping into this internship, I knew my answer. I wanted to practice making informed decisions on my project, since that was one of the challenges I faced last summer.…

KLKaili Liang·August 30, 2024Design & UX
Frontend — The “Other” C in CSS

The “Other” C in CSS

I think it's worth listening to anything Sara Soueidan has to say. That's especially true if she's speaking at an event for the first time in four years,

GGGeoff GrahamGeoff Graham·August 28, 2024Frontend
Engineering — Introducing <skelly-wc>

Introducing <skelly-wc>

I created a little library at work to make those “skeleton screens” that I’m not sure anyone likes. We named it skellyCSS because… skeletons and

GGGeoff GrahamGeoff Graham·August 28, 2024Engineering
Engineering — Useful Tools for Creating AVIF Images

Useful Tools for Creating AVIF Images

AVIF (AV1 Image File Format) is a modern image file format specification for storing images that offer a much more significant file reduction when compared to

SFSunkanmi FafoworaSunkanmi Fafowora·August 28, 2024Engineering
Career & Teams — Meta is getting ready for post-quantum cryptography

Meta is getting ready for post-quantum cryptography

The Quantum Apocalypse is coming. The advent of quantum computers has raised real questions about the future of data privacy over the internet. Someday, advances in quantum computing will make it possible to decrypt sensitive data that was encrypted using today’s complex cryptography systems. In the latest episode of the Meta Tech Podcast you’ll meet Sheran […]

CWChris Wiltz·August 28, 2024Career & Teams
Security — How Meta enforces purpose limitation via Privacy Aware Infrastructure at scale

How Meta enforces purpose limitation via Privacy Aware Infrastructure at scale

At Meta, we’ve been diligently working to incorporate privacy into different systems of our software stack over the past few years. Today, we’re excited to share some cutting-edge technologies that are part of our Privacy Aware Infrastructure (PAI) initiative. These innovations mark a major milestone in our ongoing commitment to honoring user privacy. PAI offers […]

CWChris Wiltz·August 27, 2024Security
SRE & Ops — RETINAS: Real-Time Infrastructure Accounting for Sustainability

RETINAS: Real-Time Infrastructure Accounting for Sustainability

We are introducing a new metric— real-time server fleet utilization effectiveness —as part of the RETINAS initiative to help reduce emissions and achieve net zero emissions across our value chain in 2030. This new metric allows us to measure server resource usage (e.g., compute, storage) and efficiency in our large-scale data center server fleet in […]

CWChris Wiltz·August 26, 2024SRE & Ops
Frontend — Generating Unique Random Numbers In JavaScript Using Sets — Smashing Magazine

Generating Unique Random Numbers In JavaScript Using Sets — Smashing Magazine

Want to create more randomized effects in your JavaScript code? The `Math.random()` method alone, with its limitations, won’t cut it for generating unique random numbers. Amejimaobari Ollornwi explains how to generate a series of unique random numbers using the `Set` object, how to use these random numbers as indexes for arrays, and explores some practical applications of randomization.

AOAmejimaobari OllornwiAmejimaobari Ollornwi·August 26, 2024Frontend
AI & ML — How PyTorch powers AI training and inference

How PyTorch powers AI training and inference

Learn about new PyTorch advancements for LLMs and how PyTorch is enhancing every aspect of the LLM lifecycle. In this talk from AI Infra @ Scale 2024, software engineers Wanchao Liang and Evan Smothers are joined by Meta research scientist Kimish Patel to discuss our newest features and tools that enable large-scale training, memory efficient […]

CWChris Wiltz·August 23, 2024AI & ML
Frontend — Callbacks on Web Components?

Callbacks on Web Components?

A gem from Chris Ferdinandi that details how to use custom events to hook into Web Components. More importantly, Chris dutifully explains why custom events

GGGeoff GrahamGeoff Graham·August 22, 2024Frontend
AI & ML — Inside the hardware and co-design of MTIA

Inside the hardware and co-design of MTIA

In this talk from AI Infra @ Scale 2024, Joel Colburn, a software engineer at Meta, technical lead Junqiang Lan, and software engineer Jack Montgomery discuss the second generation of MTIA, Meta’s in-house training and inference accelerator. They cover the co-design process behind building the second generation of Meta’s first-ever custom silicon for AI workloads, […]

CWChris Wiltz·August 22, 2024AI & ML
Design & UX — Mastering Typography In Logo Design — Smashing Magazine

Mastering Typography In Logo Design — Smashing Magazine

Finding the right typeface for a logo is a challenge and can be a very time-consuming process that requires both creativity and a practical approach. Levi Honing provides the essential background and tools to enhance your typography journey and apply this knowledge to your logo design. Let’s dive deep to learn how to create a logo that is not only expressive but also purposeful and well-thought-ou

LHLevi HoningLevi Honing·August 22, 2024Design & UX
Engineering — Elastic Overflow Scrolling

Elastic Overflow Scrolling

A client asked if we could mimic the "rubber band" scrolling behavior on many mobile devices. I'm sure you know what I'm talking about. It’s a behavior that

DSDave SeidmanDave Seidman·August 21, 2024Engineering
AI & ML — Bringing Llama 3 to life

Bringing Llama 3 to life

Llama 3 is Meta’s most capable openly-available LLM to date and the recently-released Llama 3.1 will enable new workflows, such as synthetic data generation and model distillation with unmatched flexibility, control, and state-of-the-art capabilities that rival the best closed source models. At AI Infra @ Scale 2024, Meta engineers discussed every step of how we […]

CWChris Wiltz·August 21, 2024AI & ML
Frontend — RTL Styling 101

RTL Styling 101

A couple of weeks ago I was super excited about publishing my first CSS-Tricks post: "Letter Spacing is Broken. Forget about that though, what's important is

JDJuan Diego RodríguezJuan Diego Rodríguez·August 20, 2024Frontend
AI & ML — Aparna Ramani discusses the future of AI infrastructure

Aparna Ramani discusses the future of AI infrastructure

Delivering new AI technologies at scale also means rethinking every layer of our infrastructure – from silicon and software systems and even our data center designs. For the second year in a row, Meta’s engineering and infrastructure teams returned for the AI Infra @ Scale conference, where they discussed the challenges of scaling up an […]

CWChris Wiltz·August 20, 2024AI & ML
Frontend — All About JavaScript Loops

All About JavaScript Loops

Every programming language has loops. Loops perform an operation (i.e., a chunk of work) a number of times, usually once for every item in an array or list,

EMErick MerchantErick Merchant·August 19, 2024Frontend
Security — A wild week in phishing, and what it means for you

A wild week in phishing, and what it means for you

From the U.S. elections and geopolitical conflict to tens of millions in corporate dollars lost, phishing remains the root cause of cyber damages. Learn why a comprehensive solution is the best way to stay protected.

PPPete PangPete Pang·August 16, 2024Security
Engineering — CSSWG Minutes Telecon (2024-08-14)

CSSWG Minutes Telecon (2024-08-14)

I was just going over the latest CSSWG minutes (you can subscribe to them at W3C.org) and came across a few interesting nuggets I wanted to jot down for

GGGeoff GrahamGeoff Graham·August 16, 2024Engineering