Home/2021
Archive

Year 2021

1,782 articles published in 2021.

Performance — Refactoring CSS: Optimizing Size And Performance (Part 3) — Smashing Magazine

Refactoring CSS: Optimizing Size And Performance (Part 3) — Smashing Magazine

Refactored codebase should result in similar or improved performance and improved codebase health. After all, if deploying the refactored codebase causes loading or performance issues, it will result in less traffic and revenue. Luckily, there are many optimization techniques we can apply to tackle potential file size and performance issues.

ABAdrian BeceAdrian Bece·August 30, 2021Performance
Frontend — Compound Components In React — Smashing Magazine

Compound Components In React — Smashing Magazine

A compound component is one of the advanced patterns of React which makes use of an interesting way to communicate the relationship between UI components and share implicit state by leveraging an explicit parent-child relationship. In this article, Ichoku Chinoso will show you one of the advanced patterns of React which is the compound component pattern. It’s an awesome method to build reusable co

ICIchoku ChinonsoIchoku Chinonso·August 27, 2021Frontend
Languages — Pin, Unpin, and why Rust needs them

Pin, Unpin, and why Rust needs them

Using async Rust libraries is usually easy. It's just like using normal Rust code, with a little async or .await here and there. But writing your own async libraries can be hard.

ACAdam ChalmersAdam Chalmers·August 26, 2021Languages
Engineering — Designing for the Unexpected

Designing for the Unexpected

When I think about what front-end development really is and feels like, this is at the heart of it: designing around a huge set of unknowns, and really

CCChris Coyier·August 26, 2021Engineering
Systems — 30 free and open source Linux games – part 2

30 free and open source Linux games – part 2

Linux is celebrating its 30-year anniversary, so I’m taking the opportunity to highlight 30 of my favorite free and open source Linux games, their communities, and their stories. I…

LRLee ReillyLee Reilly·August 26, 2021Systems
Engineering — Pushing Back Against Privacy Infringement On The Web — Smashing Magazine

Pushing Back Against Privacy Infringement On The Web — Smashing Magazine

As a community, we can each work to improve our own little corners of the Web. But, collectively, we can do better. We can improve the Web and make it a better platform for privacy. The Web is still wrestling with issues we take for granted offline, privacy chief among them. These are steps The New York Times took to protect users’ data, and how you can too.

RBRobin BerjonRobin Berjon·August 26, 2021Engineering
Systems — 30 free and open source Linux games – part 1

30 free and open source Linux games – part 1

Linux is celebrating its 30-year anniversary today, so I’m taking the opportunity to highlight 30 of my favorite free and open source Linux games, their communities, and their stories! If…

LRLee ReillyLee Reilly·August 25, 2021Systems
Engineering — Building Android Conversation Bubbles

Building Android Conversation Bubbles

We recently rolled out support for Conversation Bubbles for DMs and Group DMs on Android 11. In case you’re not familiar with Conversation Bubbles, take a look at the video below. Basically, they are a way to pop out a conversation from a notification into a Bubble that will draw over other apps, making multitasking…

MRMathias Roth·August 25, 2021Engineering
Performance — Creating A Public/Private Multi-Monorepo For PHP Projects — Smashing Magazine

Creating A Public/Private Multi-Monorepo For PHP Projects — Smashing Magazine

There is no “best” solution, only solutions that might work better depending on the context. The multi-monorepo approach is not suitable to every kind of project or team. In this article, Leonardo explains how to use a "multi-monorepo" approach for making the development experience faster, yet keeping your PHP packages private. This solution can be especially beneficial for PRO plugin creators.

LLeonardolosovizLeonardolosoviz·August 25, 2021Performance
Systems — Introducing logs from the dashboard for Cloudflare Workers

Introducing logs from the dashboard for Cloudflare Workers

Many developers know the feeling: “It worked in the local testing suite, it worked in our staging environment, but… it’s broken in production?” Testing can reduce mistakes and debugging can help find them, but logs give us the tools to understand and improve what we are creating.

AAshconAshcon·August 24, 2021Systems
Frontend — Architecting With Next.js

Architecting With Next.js

Free event hosted by Netlify coming up next week (Wednesday, August 25th): Architecting with Next.js. It's just a little half-day thing. No brainer.

CCChris Coyier·August 24, 2021Frontend
Engineering — How To Automate Documentation Workflow For Developers — Smashing Magazine

How To Automate Documentation Workflow For Developers — Smashing Magazine

In a world that is increasingly going remote, prioritizing good documentation and good documentation workflow is important. In this article, you’ll learn how to save hours of tedious work of writing, updating, and correcting technical documentation. In this article, you will learn how to automate your documentation workflow with Vale and GitHub Actions.

PBPortia BurtonPortia Burton·August 24, 2021Engineering
Performance — HTTP/3: Performance Improvements (Part 2) — Smashing Magazine

HTTP/3: Performance Improvements (Part 2) — Smashing Magazine

After almost five years in development, the new HTTP/3 protocol is nearing its final form. In this second part, Robin Marx will zoom in on the performance improvements that QUIC and HTTP/3 bring to the table for web-page loading. We will, however, also be somewhat skeptical of the impact we can expect from these new features in practice.

RMRobin MarxRobin Marx·August 23, 2021Performance
Frontend — Data protection controls with Cloudflare Browser Isolation

Data protection controls with Cloudflare Browser Isolation

Starting today, your team can use Cloudflare’s Browser Isolation service to protect sensitive data inside the web browser. Administrators can define Zero Trust policies to control who can copy, paste, and print data in any web based application.

TOTim ObezukTim Obezuk·August 20, 2021Frontend
Engineering — Jamstack CMS: The Past, The Present and The Future — Smashing Magazine

Jamstack CMS: The Past, The Present and The Future — Smashing Magazine

The story of Jamstack CMSs goes all the way back to the 90s. Over the years, there have been many different approaches and evolutions of static and Jamstack CMSs. In this article, Mike Neumegen will take a trip down memory lane to see how we got to the modern Jamstack CMSs we have today, and where they’re heading in the next decade.

MMikeneumegen·August 20, 2021Engineering
Engineering — How To Build An Ethical User Research Practice At Any Organization — Smashing Magazine

How To Build An Ethical User Research Practice At Any Organization — Smashing Magazine

Ethical user research isn’t only the right thing to do but it makes good business sense. Principles of ethical conduct guide our decision-making, keeping us out of trouble and holding us accountable to our users and society. Through a simple step-by-step approach, you can build an ethical practice within your organization that will ensure you’re respecting the dignity and welfare of your research

DHDevin HaroldDevin Harold·August 19, 2021Engineering
Networking — Zero Trust controls for your SaaS applications

Zero Trust controls for your SaaS applications

With Access in front of your SaaS applications, you can build Zero Trust rules that determine who can reach your SaaS applications in the same place where your rules for self-hosted applications and network access live.

KKennyKenny·August 18, 2021Networking
SRE & Ops — RAMP-TAO: Layering atomic transactions on Facebook’s online graph store

RAMP-TAO: Layering atomic transactions on Facebook’s online graph store

What the research is: RAMP-TAO is a new protocol that improves the developer experience on TAO, Facebook’s online social graph store, by providing stronger transactional guarantees. It is the first protocol to provide transactional semantics over an eventually consistent massive-scale data store while still preserving the system’s overall reliability and performance. RAMP-TAO enables an intuitive

CWChris Wiltz·August 18, 2021SRE & Ops
Distributed — Data Lineage at Slack

Data Lineage at Slack

Reinventing how the world does work inevitably creates a lot of data. Each year, Slack’s scale has increased and the volume of data ingested and stored has kept pace. To make it possible to understand relationships within our data, we’ve invested heavily in an automated data lineage framework. This facilitates producer/consumer coordination, improves risk mitigation,…

SBSamuel Bock·August 17, 2021Distributed
Frontend — Free Open-Source Icons — Smashing Magazine

Free Open-Source Icons — Smashing Magazine

Your project is on a tight budget? We’ve collected some wonderful, free icons and goodies that we’ve discovered lately and that are bound to give your design the finishing touch. We’ve also just recently covered [Figma plugins](https://www.smashingmagazine.com/2021/08/figma-tools-plugins-resources/), [SVG generators](https://www.smashingmagazine.com/2021/03/svg-generators/), [accessible front-end

CMCosima MielkeCosima Mielke·August 17, 2021Frontend
Engineering — Introducing Shadow IT Discovery

Introducing Shadow IT Discovery

With Cloudflare for Teams, Administrators can allow their users to securely access applications with Cloudflare Access and explicitly block users from visiting various applications with Cloudflare Gateway.

AAbeAbe·August 16, 2021Engineering
Frontend — Tabs in HTML?

Tabs in HTML?

Brian Kardell shares a bit about the progress of bringing "Tabs" to HTML. We kinda think we know what they are, but you have to be really specific when dealing with specs and defining them. It's tricky.

CCChris Coyier·August 16, 2021Frontend
Engineering — Cutouts

Cutouts

Ahmad Shadeed dug into shape "cutouts" the other day. Imagine a shape with another smaller shape carved out of it. In his typical comprehensive way, Ahmad

CCChris Coyier·August 16, 2021Engineering