Home/2021
Archive

Year 2021

1,782 articles published in 2021.

Engineering — Inspiring Wallpapers For February 2021 And A Little Creativity Challenge — Smashing Magazine

Inspiring Wallpapers For February 2021 And A Little Creativity Challenge — Smashing Magazine

Let’s make this February more colorful! Apart from a new collection of wallpapers, we also have a little creativity challenge waiting for you this month. It’s the perfect occasion to share your ideas with the world — and win a smashing prize along the way. The wallpapers in this post come with and without a calendar for February 2021, and, as a little bonus goodie, you’ll also discover some famili

CMCosima MielkeCosima Mielke·January 31, 2021Engineering
Frontend — Bulletproof flag components

Bulletproof flag components

A clever use of CSS grid from Jay Freestone to accomplish a particular variation of the media object design pattern (where the image is centered with the

CCChris Coyier·January 29, 2021Frontend
Frontend — Dynamic Static Typing In TypeScript — Smashing Magazine

Dynamic Static Typing In TypeScript — Smashing Magazine

In this article, we look at some of the more advanced features of TypeScript, like union types, conditional types, template literal types, and generics. We want to formalize the most dynamic JavaScript behavior in a way that we can catch most bugs before they happen. We apply several learnings from all chapters of TypeScript in 50 Lessons, a book we’ve published here on Smashing Magazine late 2020

SBStefan BaumgartnerStefan Baumgartner·January 29, 2021Frontend
Frontend — GreenSock ScrollTrigger

GreenSock ScrollTrigger

High five to the Greensock gang for the ScrollTrigger release. The point of this new plugin is triggering animation when a page scrolls to certain positions,

CCChris Coyier·January 28, 2021Frontend
Frontend — A Whole Website in a Single HTML File

A Whole Website in a Single HTML File

I can’t stop thinking about this site. It looks like a pretty standard fare; a website with links to different pages. Nothing to write home about except

RRRobin RendleRobin Rendle·January 28, 2021Frontend
AI & ML — How To Create An Engaging And Useful Chatbot — Smashing Magazine

How To Create An Engaging And Useful Chatbot — Smashing Magazine

What makes a good chatbot experience? Most people think of witty responses and machine learning, but the basis of a chatbot UX is actually rooted in content strategy. In this article Marli Mesibov will answer those questions and identify what you as a content designer can do to make your chatbot successful. A poor chatbot simply says “I’m sorry, I don’t understand” on repeat (or worse “error”.) A

MMMarli MesibovMarli Mesibov·January 28, 2021AI & ML
Frontend — The Holy Grail Layout with CSS Grid

The Holy Grail Layout with CSS Grid

How to build a very common layout with CSS grid. Header on the top, footer on the bottom. Two columns, sidebar and main content. This one has navigation above the main content but within that same column.

CCChris Coyier·January 27, 2021Frontend
SRE & Ops — Monorepo

Monorepo

I'm not exactly a large-scale DevOps guy, but I can tell ya we've been moving back toward a monorepo at CodePen and it's rife with advantages over a system

CCChris Coyier·January 26, 2021SRE & Ops
Performance — Postgres scaling advice

Postgres scaling advice

This article covers scaling advices for PostgreSQL and explains why it may be a good idea to keep it simple on the database side.

CPCYBERTEC PostgreSQL·January 26, 2021Performance
Career & Teams — Maximizing Developer Effectiveness

Maximizing Developer Effectiveness

Technology is constantly becoming smarter and more powerful. I often observe that as these technologies are introduced an organization’s productivity instead of improving has reduced. This is because the technology has increased complexities and cognitive overhead to the developer, reducing their effectiveness. In this article, the first of a series, I introduce a framework for maximizing develope

TCTim Cochran·January 26, 2021Career & Teams
SRE & Ops — How machine learning powers Facebook’s News Feed ranking algorithm

How machine learning powers Facebook’s News Feed ranking algorithm

Designing a personalized ranking system for more than 2 billion people (all with different interests) and a plethora of content to select from presents significant, complex challenges. This is something we tackle every day with News Feed ranking. Without machine learning (ML), people’s News Feeds could be flooded with content they don’t find as relevant […]

MEMeta Engineering·January 26, 2021SRE & Ops
Frontend — From Design To Developer-Friendly React Code In Minutes With Anima — Smashing Magazine

From Design To Developer-Friendly React Code In Minutes With Anima — Smashing Magazine

The promise of seamless design to code translation goes back to the early WYSIWYG page builders. Despite the admirable goal, their biggest flaw was the code that they generated. Skepticism remains to this day and whenever this idea reappears, the biggest concerns are always related to the quality and maintainability of the code. In this article, Miroslav Bekyarov will show you how to turn our stat

MBMiroslav BekyarovMiroslav Bekyarov·January 26, 2021Frontend
SRE & Ops — Improving how we deploy GitHub

Improving how we deploy GitHub

As GitHub doubled it’s developer head count, tooling that worked for us no longer functioned in the same capacity. We aimed to improve the deployment process for all developers at GitHub and mitigate risk associated with deploying one of the largest developer platforms in the world.

JNJulian NadeauJulian Nadeau·January 25, 2021SRE & Ops
Distributed — Sponsored Post: 3T, Bridgecrew, Toptal, IP2Location, Ipdata, StackHawk, InterviewCamp.io, Educative, Triplebyte, Stream, Fauna - High Scalability -

Sponsored Post: 3T, Bridgecrew, Toptal, IP2Location, Ipdata, StackHawk, InterviewCamp.io, Educative, Triplebyte, Stream, Fauna - High Scalability -

Who's Hiring? * Looking to rapidly hire Top Software Developers? Get Started with Toptal. Toptal will match you with top-quality, pre-screened freelance software developers that meet your project requirements. All in under 48 hours. Get started right away with a no risk trial. * InterviewCamp.io has hours of system design content. They also do live system design discussions every week. They break

HSHigh Scalability·January 25, 2021Distributed
Frontend — The styled-components Happy Path

The styled-components Happy Path

styled-components is a wonderfully powerful styling library for React, and over the years I've learned a lot about how to use it effectively. This article shares my personal “best practices”.

JWJosh W. Comeau·January 25, 2021Frontend
Career & Teams — Making Remote Work Work: Useful Tools And Resources — Smashing Magazine

Making Remote Work Work: Useful Tools And Resources — Smashing Magazine

How to stay creative, focused, and organized when working remotely? In this article, Cosima Mielke has compiled some useful tools and resources to help you tackle some of the challenges of working remotely. The collection is by no means complete, but rather a selection of things that we found useful and that we hope will make your day-to-day work more productive and efficient, too.

CMCosima MielkeCosima Mielke·January 25, 2021Career & Teams
Engineering — Cloudflare Waiting Room

Cloudflare Waiting Room

Today, we are excited to announce Cloudflare Waiting Room! It will be first available to select customers through a new program called Project Fair Shot, with general availability in our Business and Enterprise plans in the near future.

BBrianBrian·January 22, 2021Engineering
Security — Network-layer DDoS attack trends for Q4 2020

Network-layer DDoS attack trends for Q4 2020

DDoS attack trends in the final quarter of 2020 defied norms in many ways. For the first time in 2020, Cloudflare observed an increase in the number of large DDoS attacks. Specifically, the number of attacks over 500Mbps and 50K pps saw a massive uptick.

VOVivek, OmerVivek, Omer·January 22, 2021Security
Engineering — Level up your code with TwilioQuest

Level up your code with TwilioQuest

It’s no secret that making your first contribution to open source can be intimidating. A Major League Hacking survey found that a majority of students know that contributing to open…

AKAriel KanterAriel Kanter·January 22, 2021Engineering
Engineering — Using GraphQL for High-Performing Mobile Applications - Shopify

Using GraphQL for High-Performing Mobile Applications - Shopify

GraphQL is the syntax that describes data that a client asks from a server. The client, in this case, is a mobile application. GraphQL is usually compared with REST API, a common syntax that most mobile application developers use. We will share how GraphQL can solve some of the pain points of REST API in mobile application development and discuss tips and best practices that we learned at Shopify

SEShopify Engineering·January 22, 2021Engineering
Career & Teams — When To Say No To Freelance Projects — Smashing Magazine

When To Say No To Freelance Projects — Smashing Magazine

Saying no is a skill. Saying yes to the wrong freelance opportunities can lead you toward misery and burnout, and we could all probably improve how mindful we are about our work, partners, and clients. For hungry freelancers, it can be hard to turn work away. But in the long run, saying no to a project that’s a bad fit will make you a better freelancer. This article will help freelancers and consu

BKBecca KennedyBecca Kennedy·January 22, 2021Career & Teams
Databases — Golden Proportions in PostgreSQL

Golden Proportions in PostgreSQL

Learn how PostgreSQL can help with basic calculations regarding golden proportions. Do mathematics in your database development work.

HSHans-Jürgen SchönigHans-Jürgen Schönig·January 21, 2021Databases
Engineering — The best of Changelog • 2020 Edition

The best of Changelog • 2020 Edition

If you haven’t seen it, the GitHub Changelog helps you keep up-to-date with all the latest features and updates to GitHub. We shipped a tonne of changes last year, and…

MDMichelle DukeMichelle Duke·January 21, 2021Engineering
Performance — How We Improved SmashingMag Performance — Smashing Magazine

How We Improved SmashingMag Performance — Smashing Magazine

In this article, we’ll take a close look at some of the changes we made on this very site — running on JAMStack with React — to optimize the web performance and improve the Core Web Vitals metrics. With some of the mistakes we’ve made, and some of the unexpected changes that helped boost all the metrics across the board. Hopefully, this little case-study will be useful to you, and perhaps there ar

VFVitaly FriedmanVitaly Friedman·January 21, 2021Performance
Frontend — New in Chrome 88: aspect-ratio

New in Chrome 88: aspect-ratio

And it was released yesterday! The big news for us in CSS Land is that the new release supports the aspect-ratio property. This comes right on the heels of

GGGeoff GrahamGeoff Graham·January 20, 2021Frontend
Security — Women in Security at Slack

Women in Security at Slack

Since its inception, Slack has fostered a culture of inclusion and diversity. The Security organization at Slack is a prime example of how women can thrive in the security space, transitioning to security from different backgrounds and expertises. With Slack’s strong commitment to diversity, it should not be a surprise that nearly a third of…

SKSuzanna Khatchatrian·January 20, 2021Security
Frontend — Life with ESM

Life with ESM

ESM, meaning ES Modules, meaning JavaScript Modules. Like, import and friends.

CCChris Coyier·January 19, 2021Frontend
Networking — Netlify Edge Handlers

Netlify Edge Handlers

Netlify Edge Handlers are in Early Access (you can request it), but they are super cool and I think they are worth wrapping your brain around now. I think

CCChris Coyier·January 19, 2021Networking