Home/2024
Archive

Year 2024

1,148 articles published in 2024.

Frontend — In Praise Of The Basics — Smashing Magazine

In Praise Of The Basics — Smashing Magazine

What does it mean to learn the “basics”, or fundamentals, of front-end web development? Is starting with HTML and CSS still the best entry point to learn how to make websites and apps when we have a seemingly endless supply of frameworks? Geoff Graham thinks so and discusses why you might consider going “back to basics” to start or move forward in your career.

GGGeoff GrahamGeoff Graham·May 30, 2024Frontend
Engineering — Data Fetching Patterns in Single-Page Applications

Data Fetching Patterns in Single-Page Applications

When a single-page application needs to fetch data from a remote source, it needs to do so while remaining responsive and providing feedback to the user during an often slow query. Five patterns help with this. Asynchronous State Handler wraps these queries with meta-queries for the state of the query. Parallel Data Fetching minimizes wait time. Fallback Markup specifies fallback displays in marku

JQJuntao QIU | 邱俊涛·May 29, 2024Engineering
Design & UX — Decision Trees For UI Components — Smashing Magazine

Decision Trees For UI Components — Smashing Magazine

Imagine finally resolving never-ending discussions about UI decisions for good. Here are some practical examples of decision trees for UI components and how to use them effectively. An upcoming part of [Smart Interface Design Patterns](https://smart-interface-design-patterns.com).

VFVitaly FriedmanVitaly Friedman·May 29, 2024Design & UX
SRE & Ops — Introducing no-code migrations to Stripe Billing

Introducing no-code migrations to Stripe Billing

Last month we announced a new Billing migration toolkit designed to address your top pain points: engineering resourcing, the risk of disruptive errors, and migration time. Here’s how the migration toolkit addresses each.

DCDivyanti ChauhanDivyanti Chauhan·May 28, 2024SRE & Ops
Frontend — Switching It Up With HTML’s Latest Control — Smashing Magazine

Switching It Up With HTML’s Latest Control — Smashing Magazine

After years of relying on checkbox hacks to create a “switch” control for forms that toggle between two states, HTML may be gaining a native way to go about it by adding a `switch` attribute to checkbox inputs. Daniel Yuschick walks us through a first impression of switch controls and discusses current and ongoing considerations that need to be explored further before it is ready for prime time.

DYDaniel YuschickDaniel Yuschick·May 24, 2024Frontend
Engineering — Vercel Ship 2024 recap

Vercel Ship 2024 recap

Vercel Ship 2024 highlighted the integrations, ecosystem, and teams building the web's best products. Read the recap to catch up on all our announcements.

VVercel·May 24, 2024Engineering
SRE & Ops — Composable data management at Meta

Composable data management at Meta

In recent years, Meta’s data management systems have evolved into a composable architecture that creates interoperability, promotes reusability, and improves engineering efficiency. We’re sharing how we’ve achieved this, in part, by leveraging Velox, Meta’s open source execution engine, as well as work ahead as we continue to rethink our data management systems. Data is at […]

CWChris Wiltz·May 22, 2024SRE & Ops
Security — Post-quantum readiness for TLS at Meta

Post-quantum readiness for TLS at Meta

Today, the internet (like most digital infrastructure in general) relies heavily on the security offered by public-key cryptosystems such as RSA, Diffie-Hellman (DH), and elliptic curve cryptography (ECC). But the advent of quantum computers has raised real questions about the long-term privacy of data exchanged over the internet. In the future, significant advances in quantum […]

CWChris Wiltz·May 22, 2024Security
Frontend — Modern CSS Layouts: You Might Not Need A Framework For That — Smashing Magazine

Modern CSS Layouts: You Might Not Need A Framework For That — Smashing Magazine

It’s easy to get lost in a sea of CSS frameworks and libraries, each promising easier styling and smoother layouts. Brecht De Ruyte demonstrates four CSS utility classes (plus a bonus) using techniques that allow them to be used practically anywhere you need a particular layout — be it Grid or Flexbox — with configurable options.

BDBrecht De RuyteBrecht De Ruyte·May 22, 2024Frontend
Design & UX — Hidden vs. Disabled In UX — Smashing Magazine

Hidden vs. Disabled In UX — Smashing Magazine

Should you hide or disable a feature? You’ve probably been there before. Here are some considerations for hiding versus disabling, along with possible alternatives to improve UX. An upcoming part of [Smart Interface Design Patterns](https://smart-interface-design-patterns.com).

VFVitaly FriedmanVitaly Friedman·May 21, 2024Design & UX
Frontend — Beyond CSS Media Queries — Smashing Magazine

Beyond CSS Media Queries — Smashing Magazine

Juan Diego Rodriguez explains why media queries still occupy a vital role in responsive layouts; only they are now one tool in a larger toolbox with modern techniques that are best when used together.

JDJuan Diego RodriguezJuan Diego Rodriguez·May 16, 2024Frontend
SRE & Ops — Behind the scenes of Threads for web

Behind the scenes of Threads for web

When Threads first launched one of the top feature requests was for a web client. In this episode of the Meta Tech Podcast, Pascal Hartig (@passy) sits down with Ally C. and Kevin C., two engineers on the Threads Web Team that delivered the basic version of Threads for web in just under three months. […]

CWChris Wiltz·May 14, 2024SRE & Ops
Design & UX — Why Designers Aren’t Understood — Smashing Magazine

Why Designers Aren’t Understood — Smashing Magazine

How do we conduct UX research when there is no or only limited access to users? Here are some workarounds to run UX research or make a strong case for it. An upcoming part of [Smart Interface Design Patterns](https://smart-interface-design-patterns.com).

VFVitaly FriedmanVitaly Friedman·May 14, 2024Design & UX
Engineering — Say hello to the SPORTech collection

Say hello to the SPORTech collection

Whether you’re a rookie coder or a seasoned pro, our new SPORTech shop collection is tailored for you. And here’s the kicker: we’re offering free delivery worldwide over $20 until May 20!

LSLavinia SfetcuLavinia Sfetcu·May 13, 2024Engineering
Performance — Snappy UI Optimization with useDeferredValue

Snappy UI Optimization with useDeferredValue

useDeferredValue is one of the most underrated React hooks. It allows us to dramatically improve the performance of our applications in certain contexts. I recently used it to solve a gnarly performance problem on this blog, and in this tutorial, I'll show you how! ⚡

JWJosh W. Comeau·May 13, 2024Performance