Home/2021
Archive

Year 2021

1,782 articles published in 2021.

Design & UX — Designing Better Links For The Web — Smashing Magazine

Designing Better Links For The Web — Smashing Magazine

There are so many websites out there that have not considered the overall usability of their visually impaired users. When it comes to designing better links and sending better emails, Slava Shestopalov has a few tips on how to improve your website’s experience while accessibility in mind.

SSSlava ShestopalovSlava Shestopalov·December 6, 2021Design & UX
Security — Get notified when your site is under attack

Get notified when your site is under attack

Cloudflare can now send proactive notifications about any application security event spike, so you are warned whenever an attack might be targeting your application.

MTMichael Tremante, NatashaMichael Tremante, Natasha·December 3, 2021Security
Engineering — Release Radar

Release Radar

The end of the year is getting closer, and our communities are busy working away on their projects. While you’ve all been busy maintaining open source projects and shipping releases,…

MDMichelle DukeMichelle Duke·December 3, 2021Engineering
Databases — Upgrading MySQL at Shopify - Shopify

Upgrading MySQL at Shopify - Shopify

Learn how the Database Platform team performed the most recent MySQL upgrade at Shopify and how this changed our upgrade guidelines moving forward.

SEShopify Engineering·December 2, 2021Databases
Engineering — Going from Coder to Slack Engineer

Going from Coder to Slack Engineer

Over 70% of the files uploaded on Slack are images, and over 75% of those images are screenshots. What this tells us is that though images are ephemeral, screenshots are often used as a quick way to provide extra detail and context, and typically gain a high level of engagement over a short time period.…

CRChaitanya Ravula·December 2, 2021Engineering
AI & ML — Advent Calendars For Web Designers And Developers (December 2021 Edition) — Smashing Magazine

Advent Calendars For Web Designers And Developers (December 2021 Edition) — Smashing Magazine

Are you ready for the countdown to Christmas? From [festive](https://www.smashingmagazine.com/2016/12/freebie-christmas-advent-icon-set-25-icons-ai-eps-svg-png-pdf/) [icon](https://www.smashingmagazine.com/2015/12/freebie-christmas-icons-illustrations/) [sets](https://www.smashingmagazine.com/2014/11/freebie-christmas-icon-set-ai-psd-eps-pdf-svg-png/) to advent calendars that are bound to sweeten

ILIris LjesnjaninIris Ljesnjanin·December 2, 2021AI & ML
Frontend — How To Protect Your API Key In Production With Next.js API Route — Smashing Magazine

How To Protect Your API Key In Production With Next.js API Route — Smashing Magazine

There’s a great challenge that comes with building Jamstack applications on the web. In this article, Caleb Olojo will be using Next.js to bootstrap your app. This does not mean that the [create-react-app](https://create-react-app.dev/) library will not work. You can make use of any one that you find convenient. You’re using Next.js because of the many perks that come with it.

COCaleb OlojoCaleb Olojo·December 2, 2021Frontend
Engineering — Embrace the Unpredictable

Embrace the Unpredictable

In nature, no two things are ever the same. Life is imperfect, unpredictable, and beautiful. We can walk through the same forest every day and see differently

GFGeorge FrancisGeorge Francis·December 1, 2021Engineering
Languages — A Look Behind Blend: The Personalized Playlist for You…and You

A Look Behind Blend: The Personalized Playlist for You…and You

What does it take to go from an idea for a new playlist, to shipping that playlist to Spotify users all around the world? From inception, to prototyping, to QAing, and finally shipping, releasing a new playlist at Spotify is a long process full of new learnings every time.

JLJen Lamere, Senior Engineer·December 1, 2021Languages
AI & ML — How Spotify Uses ML to Create the Future of Personalization

How Spotify Uses ML to Create the Future of Personalization

Machine learning is what drives personalization on Spotify. We may have a single platform with 381 million different users, but it may actually be more accurate to say there are 381 million individual versions of Spotify, each one filled with different Home pages, playlists, and recommendations. But with a library of over 70 million tracks to thumb through, how do our ML models actually go about m

SESpotify Engineering·December 1, 2021AI & ML
Engineering — The Audio Aura Story: Mystical to Mathematical

The Audio Aura Story: Mystical to Mathematical

TL;DR For 2021 Wrapped, we were challenged to visually express a user’s based on how they listened this year. I like to think of it like this: if your music listening data became a person and walked down the street to the neighborhood aura reader, what would that person’s aura look like? That’s the 2021 Wrapped Audio Aura story.

ZTZela Taino, Engineer·December 1, 2021Engineering
Frontend — Diagonal Stripes Wipe Animation

Diagonal Stripes Wipe Animation

I was playing this game on Apple Arcade the other day called wurdweb. It's a fun little game! Little touches like the little shape dudes that walk around the

CCChris Coyier·November 30, 2021Frontend
Distributed — Architecture of Max reHIT Workout - High Scalability -

Architecture of Max reHIT Workout - High Scalability -

Today I have the pleasure of announcing my new app—Max reHIT Workout—on Product Hunt. Max reHIT Workout is an exercise app that guides you through interval workouts. I won’t pitch the app here. I'll just say I’m proud of how it turned out and if you want an optimal algorithm for exercising, you might like it. I know I haven’t been writing much lately. That's because there’s been very little evolut

HSHigh Scalability·November 30, 2021Distributed
Security — Attack Maps now available on Radar

Attack Maps now available on Radar

We love line and bar graphs, but some data is best represented with different visualizations. We’re introducing world maps and sankey visualizations as part of Radar Maps, which are being used today to show you the top layer 7 attacks in real time.

JCJoao, CelsoJoao, Celso·November 29, 2021Security
Networking — The Case of the Recursive Resolvers

The Case of the Recursive Resolvers

On September 30th 2021, Slack had an outage that impacted less than 1% of our online user base, and lasted for 24 hours. This outage was the result of our attempt to enable DNSSEC — an extension intended to secure the DNS protocol, required for FedRAMP Moderate — but which ultimately led to a series of…

RERafael Elvira·November 29, 2021Networking
Frontend — 3D CSS Flippy Snaps With React And GreenSock — Smashing Magazine

3D CSS Flippy Snaps With React And GreenSock — Smashing Magazine

One of Jhey’s main mantras is to make learning fun. In this article, he shows you ways to level up your skills by bringing your ideas to life, and not forgetting that you can be playful with code. With that mindset, every idea is bound to become an opportunity to try something new. It’s fun to make things that we may not create on a day-to-day basis. Demos like this can pose different challenges a

JTJhey TompkinsJhey Tompkins·November 29, 2021Frontend
Languages — How the US paused shopping (and browsing) for Thanksgiving

How the US paused shopping (and browsing) for Thanksgiving

Throughout the pandemic we saw different trends caused by people being more at home than usual, but Internet patterns also change at specific times of the year (like when students go back to school or when it’s colder outside) or on some holidays like Thanksgiving.

JTJoao TomeJoao Tome·November 26, 2021Languages
Engineering — Heard in the halls of Web Summit 2021

Heard in the halls of Web Summit 2021

Global in-person events are back. We present a few ideas from Web Summit 2021 about the future and where the Internet is going. Check the interviews we’ve done at the event (from the lack of Internet access to Web3).

JTJoao Tome, FallonJoao Tome, Fallon·November 26, 2021Engineering
Frontend — How To Maintain A Large Next.js Application — Smashing Magazine

How To Maintain A Large Next.js Application — Smashing Magazine

There are a few ways in which you can make a large code-base easy to maintain. In this article, Nirmalya discusses some of the complex problems that he faced while building and maintaining large Next.js applications. He always explains how these problems can be solved by using various tools. Most of these points will apply to any front-end application. For any front-end application, the main prior

NGNirmalya GhoshNirmalya Ghosh·November 26, 2021Frontend
Engineering — A Showcase Of Lovely Little Websites — Smashing Magazine

A Showcase Of Lovely Little Websites — Smashing Magazine

Instead of spending your coffee break scrolling through your social feeds, how about a lovely little website instead? We came across some fantastic ones that are just too good not to be shared. They are perfect for a short coffee break or whenever you’re up for a little bit of diversion. But be warned, your break might take a bit longer than intended.

CMCosima MielkeCosima Mielke·November 24, 2021Engineering