
What goes into creating a successful design system? How can you take your testing workflow to the next level? And what smart interface design patterns could help you enhance your UIs? Let’s figure it out. With our [online workshops on front-end and UX](https://smashingconf.com/online-workshops).

With the successful liftoff of the James Webb Space Telescope, we ask our very own Arfon Smith about the history of open source and space science.

Facebook Ordered Queueing Service (FOQS) is a fully managed, distributed priority queueing service used for reliable message delivery among many services. FOQS has evolved from a regional deployment into a geo-distributed, global deployment to help ensure that data stored within logical queues is highly available, even through large-scale disaster scenarios. Migrating to a global architecture

Every once in a while, we publish [freebies](https://www.smashingmagazine.com/category/freebies) related to different occasions and themes. We hope that with this icon set, everyone will be able to find their own use case for these icons in particular. Today, we present to you three icon sets designed by the creative folks at GraphicSurf — all free for personal and commercial use.
AT
Anton Tyschenko·January 18, 2022AI & ML 
We’re excited to announce that customers using our Free plan can now get real-time alerts about HTTP DDoS attacks that were automatically detected and mitigated by Cloudflare

A complete list of the most popular front-end tools in 2021, according to the Web Tools Weekly newsletter. See which resources made the list.

This is a guest post by Ankit Sirmorya. Ankit is working as a Machine Learning Lead/Sr. Machine Learning Engineer at Amazon and has led several machine-learning initiatives across the Amazon ecosystem. Ankit has been working on applying machine learning to solve ambiguous business problems and improve customer experience. For instance, he created a platform for experimenting with different hypothe
HSHigh Scalability·January 17, 2022AI & ML 
In this article, Adrian Bece will explore fluid typography principles, use-cases, best practices, implementation with CSS clamp function and how to calculate the right parameters. He’ll also show you how to address some accessibility concerns and watch out for one important issue that you cannot fix as of yet, but have to be aware of regardless.

Some ways DNS can break

Recently, we made an optimization to the Cloudflare Workers runtime which reduces the amount of time Workers need to spend in memory. We're passing the savings on to you for all your Unbound Workers

The CSS Me Not bookmarklet lets you see all of the CSS files on a site, notably unused files you might want to prevent from loading.

I saw some Mondrian Art in CSS going around the other day and figured I'd go looking for others I've seen over the years and round them up.

The Svelte transition API provides a way to animate components when they enter or leave the document, including custom Svelte transitions.

At Shopify, we draw very few lines between “data” and “engineering” work. Instead we have “search” work.

If you are a beginner at design and are willing to learn UI (user interface), UX (user experience) and product design, then this article is definitely for you! In [Part 1](https://www.smashingmagazine.com/2022/01/ten-tips-aspiring-designer-beginners-part1/), Luis Ouriach shared advice he wished he had when starting out in his career. In this second and last part of this series, Luis continues shar

Every so often, I accumulated a bunch of links about various things I find interesting. Accessibility is one of them! Here are 8 helpful accessibility links.

Sass offers functions and mixins that accept parameters. You can use Sass default parameters, that is, parameters that have a value even if you don't provide

Here are the top games created in our annual game jam as rated and reviewed by the developers that made them. Game On! 🤘🏻

From answering questions about a new release to fielding feature requests, here’s how five open source communities use GitHub Discussions.

My colleague Stormy Peters and I are proud to represent GitHub at the White House’s Open Source Software Security Summit.

If you’re a developer who’s thinking about building a platform that requires a code editor in one form or another, then this article is for you. This article explains how to create a web code editor that displays the result in real time with the help of some HTML, CSS and JavaScript.

You know how you can get cardboard boxes that come totally flat? You fold ‘em up and tape ‘em to make them into a useful box. Then when it’s time to recycle
JT
Jhey Tompkins·January 12, 2022Frontend 
I don't feel confident operating or maintaining open source. That makes me scared of it, and my fear makes me avoid doing it at all.

Netlify Identity is a robust offering that provides authentication on a Jamstack site. It’s super easy to enable and opens up a bunch of possibilities.

Learn how the GitHub Mobile Team automates their release process with GitHub Actions.

In distributed systems, there’s plenty of occasions for things to go wrong. This is why resiliency and redundancy are important. But no matter the systems you put in place, no matter whether you did or didn’t touch your deployments, issues might arise. It makes it critical to acknowledge the near misses: the situations where something could have gone wrong and the situations where something did, b
SEShopify Engineering·January 12, 2022SRE & Ops 
When do you need to overhaul a large code base to address tech debt? What is the best way to address widespread inconsistencies and outdated patterns? How can you make significant architectural improvements to a complex application while still continuing to ship features? These were questions we grappled with at the beginning of 2020, when…

Accessibility must be a permanent program within organizations, much like security. There are many ways to increase your team’s capacity for accessibility and it’s less important where you start than it is that you do start. Accessibility must be a permanent program within organizations, much like security. You wouldn’t just do one round of security testing and consider it taken care of. In this a
KK
Kate Kalcevich·January 12, 2022Security 
In April 2021, Cloudflare relaunched Project Jengo, Cloudflare’s prior art search contest. Here is the latest case update, along with our second round of winners.

This is a guest post by Ankit Sirmorya. Ankit is working as a Machine Learning Lead/Sr. Machine Learning Engineer at Amazon and has led several machine-learning initiatives across the Amazon ecosystem. Ankit has been working on applying machine learning to solve ambiguous business problems and improve customer experience. For instance, he created a platform for experimenting with different hypothe
HSHigh Scalability·January 11, 2022AI & ML 
Have you ever noticed that gradients tend to look a little gray and washed-out in the middle? This happens because of a mathematical quirk with RGB colors. Fortunately, we can work around this quirk, and create beautiful, lush, saturated gradients.

How to find a domain's authoritative nameservers

In Q4, we observed a 95% increase in L3/4 DDoS attacks and record-breaking levels of Ransom DDoS attacks. The Manufacturing industry was the most targeted alongside a 5,800% increase in SNMP-based DDoS attacks and massive campaigns against VoIP providers around the world

Reflections, predictions, and guidance for 2022

CSS gradients are a useful CSS feature that can be used to create interesting UI effects or even help us in drawing something without the need to create HTML elements for it. In this article, we’ll be taking a closer look at two gradients: `conic-gradient` and `radial-gradient`. You’ll see how each one of them works in detail, what the differences and similarities are between them, how and where t
AS
Ahmad Shadeed·January 10, 2022Frontend 
As we start planning our 2022 Innovation Weeks, we are reflecting back on the highlights from each of these weeks
RJ
Reagan, John Graham Cumming·January 7, 2022Engineering 
We're thrilled to announce the release of the next major version: a more modular, lightweight and accurate Miniflare 2.0

Product roadmaps are often treated as a series of checkboxes. But they are more than that. Having a loose product landscape offers a flexible way to be strategic and decisive about how to chip away at the big picture. Not dealing with can eventually leave you stranded on the roadside without a spare to keep you going. In this article, Scott Himmer explains how internal partnerships, research, desi

There is an easy-to-use CSS container query polyfill now. You essentially conditionally load it and forget about it. Then write spec-compliant container queries code.

In Kazakhstan, the year had barely got going when yesterday disruptions of Internet access ended up in a nationwide Internet shutdown from today, January 5, 2022

On the morning of January 4, 2022, citizens of The Gambia woke up to a country-wide Internet outage
DB
David Belson, Tom Paseka·January 5, 2022SRE & Ops 
We recently talked with Elad Shechter on his new CSS reset, and shortly after that Josh Comeau blogged his.

We're going to make a Yarn workspaces-based monorepo that supports multiple frameworks, including React, Vue, Svelte, and Angular.

The GitHub Security Lab’s CodeQL bounty program fuels GitHub Advanced Security with queries written by the open source community.
XR
Xavier René-Corail·January 5, 2022Security 
Why might you run your own DNS server?

In this article (the first part in a series of two), Luis Ouriach shares advice that helped him grow and become a better designer, and that he wishes he had when starting out in his career. These tips come from his experience as a user interface and product designer for close to ten years, and if you’re starting just now, then read on!

We use and love Jetpack around here. It's a WordPress plugin that brings a whole suite of functionality to your site ranging from security to marketing with

Every CSS ruleset you write will likely changes the defaults of something. But should CSS override browser defaults defaults?

Fingerprinting is bad. It's a term that refers to building up enough metadata about a user that you can essentially figure out who they are. JavaScript has

I’ll bet you are using browser extensions right now. Some of them are extremely popular and useful, like ad blockers, password managers, and PDF viewers.

This is a guest post by Ankit Sirmorya. Ankit is working as a Machine Learning Lead/Sr. Machine Learning Engineer at Amazon and has led several machine-learning initiatives across the Amazon ecosystem. Ankit has been working on applying machine learning to solve ambiguous business problems and improve customer experience. For instance, he created a platform for experimenting with different hypothe
HSHigh Scalability·January 3, 2022AI & ML 
Figma has advanced enough where it now supports some powerful concepts that can help with the flexibility and maintainability of a design system. In this article, Sasha explains why she finds the Systems Designer position so rewarding — and it’s not only because of how fast certain tools have developed to help her master challenges she faces in her work projects. **Editor’s Note**: This article co

The year has come to a close and it's time again for our end-of-year wrapup. The most important message is this: thank you. (thankyouthankyou)





