Home/2020
Archive

Year 2020

2,138 articles published in 2020.

Frontend — The Return of the 90s Web

The Return of the 90s Web

One of my forever-lessons here on CSS-Tricks is that having your own website and blogging on it is a good idea. It's probably one of the best decisions I've

CCChris Coyier·June 26, 2020Frontend
Frontend — Line-Animated Hamburger Menu

Line-Animated Hamburger Menu

This kind of SVG + CSS animation trickery is catnip to me. Mikael Ainalem shares how to draw a hamburger icon (the "three lines" thing you're well familiar

CCChris Coyier·June 26, 2020Frontend
Frontend — Dropbox dives into CoffeeScript

Dropbox dives into CoffeeScript

During July's Hackweek, the three of us rewrote Dropbox's full browser-side codebase to use CoffeeScript instead of JavaScript, and we've been really happy with how it's been going so far. This is a controversial subject, so we thought we'd start by explaining why...

DWDan Wheeler·June 26, 2020Frontend
SRE & Ops — GitHub Action Hero: Victoria Drake

GitHub Action Hero: Victoria Drake

GitHub Actions allows you to automate your workflow. With GitHub Actions, you can deploy to any cloud, build containers, automate messages, and do so much more. Use any tool you…

MDMichelle DukeMichelle Duke·June 26, 2020SRE & Ops
Distributed — Stuff The Internet Says On Scalability For June 26th, 2020 - High Scalability -

Stuff The Internet Says On Scalability For June 26th, 2020 - High Scalability -

Hey, it's HighScalability time! Line noise? Perl? Still uncertain? It's how you program a quantum computer. Silq. Do you like this sort of Stuff? Without your support on Patreon this kind of Stuff can't happen. You are that important to the fate of the smart and thoughtful world. Know someone who could benefit from understanding the cloud? Of course you do. I wrote Explain the Cloud Like I'm 10 ju

HSHigh Scalability·June 26, 2020Distributed
Design & UX — Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form — Smashing Magazine

Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form — Smashing Magazine

In the tenth issue of Inspired Design Decisions, Andy Clarke will explain how Giovanni Pintori — the Italian graphic designer best known for his work with Olivetti — can inspire design for the web with his distinctive use of color and shape. Andy will teach you how to use color to attract attention and then to lead someone’s eye around a design. He’ll discuss how a minimal color palette can act as

ACAndy ClarkeAndy Clarke·June 26, 2020Design & UX
Engineering — Some Typography Links III

Some Typography Links III

I just can't stop opening excellent typography-related articles, which means I need to subject you to blog posts that round them up so I can clean up my open

CCChris Coyier·June 25, 2020Engineering
Frontend — The Mad Magazine Fold-In Effect in CSS

The Mad Magazine Fold-In Effect in CSS

This was always my favorite thing in Mad magazine. One page (the inside of the back cover, I think) was covered in a zany illustration. You folded that page

CCChris Coyier·June 25, 2020Frontend
SRE & Ops — Dependabot now updates your Actions workflows

Dependabot now updates your Actions workflows

GitHub Actions makes it easy to automate all your software workflows, from continuous integration and delivery to issue triage and more. Whether you want to build a container, deploy a…

AMAlex Mullans·June 25, 2020SRE & Ops
Engineering — Django Highlights: Wrangling Static Assets And Media Files (Part 4) — Smashing Magazine

Django Highlights: Wrangling Static Assets And Media Files (Part 4) — Smashing Magazine

Front-end developers and designers create amazing static assets for web applications. Today, Philip Kiely will be focusing on what happens after the style hotfix or beautiful graphic you just finished is pushed to master. He’ll also investigate handling files that users upload, called media files. Together, you’ll develop an intuition for the strategies available to Django developers for serving t

PKPhilip KielyPhilip Kiely·June 25, 2020Engineering
Security — The App Sandbox

The App Sandbox

Batten down the hatches! The app sandbox is now enabled for all web content. This is a fancy way of saying we’ve dialed up the security of the app. It wasn’t unsafe before, but it’s double safe now. What is the “app sandbox,” what is it protecting against, and why does it matter? This post…

RRoss·June 24, 2020Security
Frontend — A Practical Guide To Testing React Applications With Jest — Smashing Magazine

A Practical Guide To Testing React Applications With Jest — Smashing Magazine

Building a well-functioning application requires good testing; otherwise, knowing whether your application works as expected would be a matter of guesswork and luck. Jest is one of the best tools available for testing React applications. In this article, Adeneye David Abiodun will show you everything you need to create a solid test for your React components and application.

ADAdeneye David AbiodunAdeneye David Abiodun·June 24, 2020Frontend
Engineering — How Web Designers Can Help Restaurants Move Into Digital Experiences — Smashing Magazine

How Web Designers Can Help Restaurants Move Into Digital Experiences — Smashing Magazine

We’re at a point now where restaurants can no longer be reluctant or stingy about improving their digital presence. And, as a web designer, this should get you excited. The restaurant industry has begun to undergo a major digital transformation. Those that want to survive will need a website that can handle the new way of operating, which means they can no longer afford to hold onto that cheap web

SSSuzanne ScaccaSuzanne Scacca·June 23, 2020Engineering
Networking — DNS Records UI

DNS Records UI

Configure custom DNS Records for your Domains and apply presets. Right in the Web UI.

VVercel·June 23, 2020Networking
Engineering — An Overview of Scroll Technologies

An Overview of Scroll Technologies

Scroll-related animations have been used on the web for years. In recent years, they’ve started to become more common, perhaps in part due to devices being

ZSZach SaucierZach Saucier·June 22, 2020Engineering
Frontend — Rough Notation

Rough Notation

This is a neat little library. It uses SVG to insert hand-drawn looking annotations to elements (probably text), like underlines and box highlights (there are

CCChris Coyier·June 22, 2020Frontend
Frontend — Easing Animations in Canvas

Easing Animations in Canvas

The <canvas> element in HTML and Canvas API in JavaScript combine to form one of the main raster graphics and animation possibilities on the web. A

DSDarshan SomashekarDarshan Somashekar·June 19, 2020Frontend
Performance — A Monthly Update On All Things Smashing — Smashing Magazine

A Monthly Update On All Things Smashing — Smashing Magazine

Every month, we present an overview of things the Smashing team has been working on — all in one place. We organized Smashing Meets on three days — events that were open to everyone in the web community. With sessions on performance, CSS, GraphQL, and creative courage, we made sure to leave plenty of time for Q&A, networking, competitions and prizes. The past few weeks have been quite challenging:

ILIris LjesnjaninIris Ljesnjanin·June 19, 2020Performance
Design & UX — What Vitruvius Can Teach Us About Web Design — Smashing Magazine

What Vitruvius Can Teach Us About Web Design — Smashing Magazine

The ancients can teach us a thing or two about design — even web design. The Roman architect Vitruvius had buildings in mind when laying out his golden triad, but its principles are just as applicable to the web as they are to brick and mortar. Today’s article is about architecture, and how some of its core tenets apply to the worldwide web. Architectural terms are not unusual in web development,

FOFrederick O BrienFrederick O Brien·June 19, 2020Design & UX
Systems — Why is there a "V" in SIGSEGV Segmentation Fault?

Why is there a "V" in SIGSEGV Segmentation Fault?

My program received a SIGSEGV signal and crashed with "Segmentation Fault" message. Where does the "V" come from? Did I read it wrong? Was there a "Segmentation *V*ault?"? Or did Linux authors make a mistake? Shouldn't the signal be named SIGSEGF?

MMMarek Majkowski, David WraggMarek Majkowski, David Wragg·June 18, 2020Systems
Design & UX — Solving Common Cross-Platform Issues When Working With Flutter — Smashing Magazine

Solving Common Cross-Platform Issues When Working With Flutter — Smashing Magazine

When using cross-platform frameworks, people might forget the nuances of each of the platforms they want their code to run on. This article aims to address that. Today, Carmine Zaccagnino is going to see some of those differences and how to overcome them. More specifically, he’re going to talk about storage and UI differences, which are the ones that most often cause confusion to developers when w

CZCarmine ZaccagninoCarmine Zaccagnino·June 18, 2020Design & UX
AI & ML — Using GitHub Actions for MLOps & Data Science

Using GitHub Actions for MLOps & Data Science

Background Machine Learning Operations (or MLOps) enables Data Scientists to work in a more collaborative fashion, by providing testing, lineage, versioning, and historical information in an automated way. Because the…

HHHamel HusainHamel Husain·June 17, 2020AI & ML