
In this episode of the Smashing Podcast, we’re talking about HTML email. Do we still have to design like we would for IE5? Vitaly talks to expert Rémi Parmentier to find out.
DM
Drew Mclellan·September 20, 2022Frontend 
Gatsby has evolved quite dramatically in the last two years. In this article, Paul Scanlon explains what Gatsby can do today, and how he used some of the new features when upgrading his personal website from Gatsby 2 to Gatsby 4.

Cloudflare’s new Adaptive DDoS Protection system learns your unique traffic patterns and constantly adapts to protect you against sophisticated DDoS attacks

Cloudflare’s Advanced DDoS Alerts provide tailored and actionable notifications in real-time

Do you manage more than a single domain? If the answer is yes, now you can manage a single WAF configuration for all your enterprise domains

Starting today, it is possible to scope your users’ access to specific domains with Domain Scoped Roles becoming generally available

Here are some actionable tips on how to ask your manager to send you to GitHub Universe this year—with a free template included!

Dependabot alerts can give you the ability to secure your project by keeping dependency-based vulnerabilities out of your code. Here are some tips to more efficiently prioritize and take action on your alerts, so you can get back to building.
EH
Erin Havens·September 19, 2022Security 
Many of Meta’s products, such as search, ads ranking and Marketplace, utilize AI models to continuously improve user experiences. As the performance of hardware we use to support training infrastructure increases, we need to scale our data ingestion infrastructure accordingly to handle workloads more efficiently. GPUs, which are used for training infrastructure, tend to double […]
MEMeta Engineering·September 19, 2022SRE & Ops 
In today’s article, Andrico Karoulla explains how to create a cool draggable effect by listening to the drag events and writing some custom logic inside the handlers.
AK
Andrico Karoulla·September 19, 2022Frontend 
Over the course of the next week, you’re going to hear about Cloudflare products that are out of beta and generally available

The GitHub Actions team has done lots of work to improve the performance and resource consumption of Actions on GHES in the past year.

How can companies change their rating and review systems to better benefit users? Matt Athanasiou shares some steps to improve the experience of reviewing literature and other products — while also building stronger connections.

Host your apt/yum repositories like how Cloudflare Tunnel does. Here's how

A lot of chatter around the ol' <details> and <summary> elements lately! I saw Lea Verou recently tweet an observation about the element's display

Today, we’re announcing the exciting news that Figma has entered into an agreement to be acquired by Adobe.

At Shopify, we've embraced full stack data science, so we chatted with our data scientists to share what it means to be a full stack data scientist.

Do you want to make your new website as accessible as possible? Amazing, that’s a great mindset! Let’s have a closer look at the factors you should take into consideration when choosing a content management system (CMS) in terms of web accessibility.

Today we are excited to talk about Pingora, a new HTTP proxy we’ve built in-house using Rust that serves over 1 trillion requests a day


Developers all over the world are using GitHub Copilot to help speed up their development and increase developer productivity. With GitHub Copilot available to developers everywhere, we’ve found some fun and useful examples of how developers can use GitHub Copilot for things you may not be thinking about.

Data center optimization has always played an important role at Meta. By optimizing our data centers’ environmental controls, we can reduce our environmental impact while ensuring that people can always depend on our products. With most other complex systems, optimization of energy consumption is a trial-and-error process. But experimenting on any component of a live […]
MEMeta Engineering·September 14, 2022SRE & Ops 
We’ll delve further into Shopify’s open source Quilt repo that contains 72 npm packages, one of which is the react-form library.
SEShopify Engineering·September 14, 2022Frontend 
In this article, Juan Diego covers the least known yet extremely useful APIs, such as the Page Visibility API, Web Sharing API, Broadcast Channel API and Internationalization API. Together we will see what they are, where we should use them, and how to use them.
JD
Juan Diego Rodriguez·September 14, 2022Frontend 
Today we are excited to announce support for the upcoming Ethereum Merge and Sepolia and Görli testnet support

Whew boy, Safari 16 is officially out in the wild and it packs in a bunch of features, some new and exciting (Subgrid! Container Queries! Font Palettes!) and
GG
Geoff Graham·September 13, 2022Systems 
Joins: Learn how to use an inner join and an outer join in PostgreSQL today by reading our tutorial. Also covers semi and full joins.
HS
Hans-Jürgen Schönig·September 13, 2022Databases 
A tour of recent work to re-engineer Git’s garbage collection process to scale to our largest and most active repositories.

We’re thrilled to be back at the Grace Hopper Celebration at Open Source Day, the largest celebration of women in open source. Stop by and say hi at one of our workshops.

An internship at Slack is an exciting opportunity to learn new skills, meet other engineers, and build cool stuff. This was the reality for three interns on the Data Engineering team this summer. Throughout our time in this flex-work environment, we got to experience both the wide reach of the virtual environment and the benefits…

In this article, Kate Kalcevich explains when to use ARIA and how to use it properly so that you can use ARIA in a way that’s helpful to the many disabled people who use [assistive technology](https://makeitfable.com/glossary/?utm_source=Smashing+Magazine&utm_medium=sponsored+content&utm_campaign=Upskill&utm_term=Fable&utm_content=Sept2022) to navigate the Internet. Let’s dive in!

Vercel natively supports and extends Next.js 12.3, allowing teams to improve their workflow and iterate faster.

Figma has always encouraged collaboration between developers and designers. It strives on an endless treasury of community-made plugins.

Calling all students and teachers! With semester change coming soon, now is the time to start using the latest features within GitHub Education and Global Campus!
MD
Matthew Dyson, Divya Vaishnavi·September 12, 2022Engineering 
Why do domain names sometimes end with a dot?

We’ve open-sourced MemLab, a JavaScript memory testing framework that automates memory leak detection. Finding and addressing the root cause of memory leaks is important for delivering a quality user experience on web applications. MemLab has helped engineers and developers at Meta improve user experience and make significant improvements in memory optimization. We hope it will […]

Meet “Smart Interface Design Patterns Checklists”, a deck of 166 checklist cards to help you design and build better interfaces, faster. With accordions, mega-drop-downs, data tables, carousels, and everything in-between.

How Benjamin Td built a viral application called Chronotrains to visualize train routes across Europe.

We’re taking a look at two commonly-used security tools and detailing how they can help secure your projects.
BO
Brittany O'Shea·September 9, 2022Security 
How Shopify scaled our Server Pixels service to increase its event processing performance by 170%.

Design systems are a crucial success factor for digital businesses, and virtually every major player works with one. Still, they can sometimes be hard to sell to management. Here’s a ready-to-use formula to calculate the ROI of any design system.
MS
Maximilian Speicher Guido Wehrmann·September 9, 2022Design & UX 
Learn how to run A/B tests with Next.js and Vercel Edge Middleware.

How we made your Vercel Analytics data more actionable to drive performance for your application.

After a year in technical preview, GitHub Copilot, an AI pair programmer, is now free for all teachers verified on GitHub Global Campus.
EH
Elise Hollowed, Andrew Rice·September 8, 2022AI & ML 
Read the new GitHub report on OSS in India, Kenya, Egypt, and Mexico. Available now in English, and in Spanish and Arabic later this year.

UX checklists with best design practices, accessibility guidelines, design system checklist, tables UX checklist, UX research methods, form design UX and flowcharts.

As the name suggests, overlapping charts visualize two different sets of data in a single diagram. The idea is that the overlapping bars allow us to compare

In August, we experienced one incident resulting in significant impact to Codespaces. We’re still investigating that incident and will include it in next month’s report. This report also sheds light into an incident that impacted Codespaces in July.

When the GitHub Copilot Technical Preview launched just over one year ago, we wanted to know one thing: Is this tool helping developers? The GitHub Next team conducted research using a combination of surveys and experiments, which led us to expected and unexpected answers.
EK
Eirini Kalliamvakou·September 7, 2022AI & ML 
I've struck out on my own again to focus on my most ambitious project yet.

What the research is: The continued emergence of large social network applications has introduced a scale of data and query volume that challenges the limits of existing data stores. However, few benchmarks accurately simulate these request patterns, leaving researchers in short supply of tools to evaluate and improve upon these systems. To address this issue, […]

Meta’s overall network usage and traffic volume has increased as we’ve continued to add new services. Due to the scarcity of fiber resources, we’re developing an explicit resource reservation framework to effectively plan, manage, and operate the shared consumption of network bandwidth, which will help us keep up with demand and limit network disruptions during […]

While it has many benefits for customizing business logic, WebAssembly poses new challenges when debugging. In this post, Jeff covers four approaches that can be taken to step debug code that will be running in a WebAssembly environment.
SEShopify Engineering·September 7, 2022Systems 
Gartner has recognised Cloudflare as a Leader in the 2022 "Gartner® Magic Quadrant™ for Web Application and API Protection (WAAP)" report that evaluated 11 vendors for their ‘ability to execute’ and ‘completeness of vision’

In a nutshell, my project is nothing but a carefully scripted long CSS animation. Plus a few instances of the checkbox hack.

Live on September 15, 2022, with talks by industry experts in Spanish, Portuguese, and English, on topics including software development, security, technical project management, community, open source, professional development and best practices.
AG
Andrea Griffiths·September 6, 2022Security 
A software engineer’s personal journey to becoming an open source contributor.

How to send raw network packets in Python with tun/tap

As I move on to my next adventure, I want to take this opportunity to review what I accomplished while at Remix.

Meta currently operates 14 data centers around the world. This rapidly expanding global data center footprint poses new challenges for service owners and for our infrastructure management systems. Systems like Twine, which we use to scale cluster management, and RAS, which handles perpetual region-wide resource allocation, have provided the abstractions and automation necessary for service […] Rea