Keep all your packages up to date with Dependabot
Keeping your dependencies updated is one of the easiest ways to keep the software you build secure. However, while it’s critically important to keep your dependencies updated, in a recent…
React Error Handling And Reporting With Error Boundary And Sentry — Smashing Magazine
In this article, Chidi Orji will explore the concept of error boundaries in a React application. You’ll work through an example app to see how we can use error boundaries to deliver a better app experience. Finally, you’ll integrate Sentry into our error boundary for realtime error reporting. The only prerequisite is that you have some familiarity with React class components. Let’s dig in!
Tech Migrations, the Spotify Way
In our experience, big technology upgrade efforts or migrations (as we fondly call them at Spotify) gear up with a lot of momentum in the beginning but tend to get stuck in the mud over time, eventually leading to a long tail of systems still left running on older versions. This is one of the ways fragmentation creeps into your tech infrastructure, like weeds sprouting in a garden — left unattende
Explore Your Inner Artist (June 2020 Wallpapers Edition) — Smashing Magazine
Do you need a little inspiration boost? Well, then our new wallpapers collection is for you. Designed with love by the community for the community, the wallpapers are available with and without a calendar for June 2020.
Increment Issue 13: Frontend
Increment is a beautiful quarterly magazine (print and web) published by Stripe "about how teams build and operate software systems at scale". While there is
Not After : May 30 10:48:38 2020 GMT
Export logs from Cloudflare Gateway with Logpush
Automatically export DNS query logs from Cloudflare Gateway to your SIEM.
Converting the Dropbox Activity Log into Common Event Format Events
Convert events from your Dropbox activity log into Common Event Format events by following along with this post and using the sample script.
ShipIt! Presents: How Shopify Uses Nix - Shopify
On May 25, 2020, ShipIt!, our monthly event series, presented How Shopify Uses Nix. Building upon on my What is Nix post, I show how we rebuilt our developer tooling using Nix, and show off some of the tooling we actually use at Shopify on a day-to-day basis. I wasn't able to answer all the questions during the event, so I've included answers to those ones below. Would runix interop well with lorr
Smashing Meets Gives A Sneak Preview Of What To Expect At Live! — Smashing Magazine
In this post, Rachel Andrew looks back at our successful Smashing Meets, A free event across two days and many timezones, with three speakers each day and plenty of chance for attendees to chat and ask questions of the speakers. Toady, she considers how we will take everything we learned to make our Smashing Live conference even better.
Mirage JS Deep Dive: Understanding Factories, Fixtures And Serializers (Part 2) — Smashing Magazine
Factories are a faster way to create new database records., A fixture is a state of a set or collection of objects that serve as a baseline for running tests, and a serializer is responsible for transforming the response. In this second part of the Mirage JS Deep Dive series, Kelvin Omereshone will be looking at Mirage JS’ Factories, Fixtures, and Serializers. You’ll see how they enable rapid API
How To Run The Right Kind Of Research Study With The Double-Diamond Model — Smashing Magazine
User research helps companies make higher quality software faster and more cost-effectively. However, there can sometimes be resistance to the up-front costs of running UX studies. In this article, Steve Bromley will equip you with some of the tools you will need to run the right kind of research study. This helps a research team run high quality, reliable studies that have a real impact on design
Patterns for Managing Source Code Branches
Modern source-control systems provide powerful tools that make it easy to create branches in source code. But eventually these branches have to be merged back together, and many teams spend an inordinate amount of time coping with their tangled thicket of branches. There are several patterns that can allow teams to use branching effectively, concentrating around integrating the work of multiple de
GitHub Action Hero: Adam Dobrawy
GitHub Actions allows you to automate your workflow. Connect with the tools you know and love, and have more freedom to innovate and be creative. With GitHub Actions, you can…
Introducing Hack Club’s Summer of Making
We’re partnering with Hack Club to support the students behind Summer of Making, a new remote, student summer program. From building Arduino-powered robots to creating an open source game, we’re excited to see students channel their passions and build with the Hack Club community this summer.
The Octopus Scanner Malware: Attacking the open source supply chain
This post details how an open source supply chain malware spread through build artifacts. 26 open source projects were backdoored by this malware and were actively serving backdoored code.
How To Create Better Angular Templates With Pug — Smashing Magazine
Pug is a template engine that allows you to write cleaner templates with less repetition. In Angular, you can use Pug to write component templates and improve a project’s development workflow. In this article, Zara Cooper In will cover how you — as an Angular developer — can use Pug to write better templates more efficiently. You’ll learn how to install Pug in your Angular apps and transition exis
Stripe’s remote engineering hub, one year in
Since May 2019, Stripe has operated a fully remote engineering hub. Today, our remote culture is the backbone of a new working model for the whole company.
Tanium’s endpoint security meets Cloudflare for Teams
Deploy comprehensive zero-trust security by integrating Tanium with Cloudflare for Teams.
The Many Bad (and Good!) Patterns for Close Buttons
Manuel Matuzović details 10 bad HTML patterns for a close button. You know, stuff like this:
Get Programmatic Control of your Builds with Netlify Build Plugins
Today at Jamstack_Conf, Netlify announced Build Plugins. What it does is allow you to have particular hooks for events within your build, like when the build
The making of Maker Week
An inside look at one of our favorite Figma traditions
The GitHub Support Community has a new look and feel!
We’ve given the GitHub Support Community a major upgrade with a number of benefits: built using open-source, great Markdown support, more responsive design, and so much more.
Keeping Customers Streaming — The Centralized Site Reliability Practice at Netflix
We’re privileged to be in the business of bringing joy to our customers at Netflix. Whether it’s a compelling new series or an innovative product feature, we strive to provide a best-in-class service…
Equivalent Experiences: What Are They? — Smashing Magazine
Our industry tends to place a lot of focus on how, often at the expense of why. An equivalent experience is one that has been deliberately conceived of and built to be able to be used by the widest possible range of people. To create an equivalent experience, you must understand all the different ways people interact with technology, as well as common barriers they experience. Once you have a comm
Stripe launches in five more European countries
Stripe is now generally available in the Czech Republic, Romania, Bulgaria, Cyprus, and Malta.
Test your home network performance
Cloudflare launches speed.cloudflare.com, a tool that allows you to gain in-depth insights into the quality of your network uplink, including throughput, latency and jitter.
HTML Responsive Images Guide
This guide is about the HTML syntax for responsive images (and a little bit of CSS for good measure). We'll go over srcset and , plus a whole bunch of things to consider to help you get the best performance and design control from your images.
Framer Web
The prototyping app Framer just launched the web version of their design tool and it looks pretty darn neat. I particularly love the design of the marketing
Partition management - do you really need a tool for that?
How to use partition management to speed up queries in PostgreSQL and make tables more manageable as data amounts grow.
Giving credit for Security Advisories
Saying thanks is now a core part of the Security Advisory workflow.
Code in the browser with GitHub Classroom
Learn about some new ways students can code in the browser. With online integrated development environments (IDEs), students can get right to work in a web browser, avoiding software conflicts that might happen on their local machines.
Local Testing on an iPhone
Learn how to set up an ideal workflow for debugging your development server on your iPhone. This may not be the most exciting topic I've written about, but it's probably one of the most useful!
Intentional Career Building
A challenge and ideas for you to do something to build your career.
How To Feel More Energized Even When You’re Stuck At A Desk All Day — Smashing Magazine
A desk is an essential piece of equipment for a web designer. Without it, you’d end up working from wobbly tables at cafes or staring down at your lap all day — uncomfortable options, to say the least. Then again, your desk could also cause you discomfort if you sit in it the wrong way or for too long. Rather than feeling like your desk is a torture device, Suzanne Scacca shares some pointers for
Getting Started With Axios In Nuxt — Smashing Magazine
Axios is a promise-based HTTP client that works in the browser and Node.js environment or, in simpler terms, it is a tool for making requests in client-side applications and Node.js environment. In this tutorial, Timi Omoyeni will learn how to make a request in our Nuxt.js applications using the Axios module. You will also learn how to use the `ayncData` and `fetch` methods to fetch data on the se
Making DNS record changes more reliable
DNS is the very first step in accessing any website, API, or pretty much anything on the Internet, which makes it mission-critical to keeping your site up and running. This week, we are launching two significant changes that allow our customers to better maintain and update their DNS records.
Secondary DNS — A faster, more resilient way to serve your DNS records
Starting today, enterprise customers who are entitled to secondary DNS will be able to configure their zone in the Cloudflare Dashboard.
Block Links: The Search for a Perfect Solution
I was reading this article by Chris where he talks about block links — you know, like wrapping an entire card element inside an anchor — being a bad idea.
How to Convert a Date String into a Human-Readable Format
I'll be the first to admit that I'm writing this article, in part, because it's something I look up often and want to be able to find it next time. Formatting
Building Reusable React Components Using Tailwind — Smashing Magazine
Tailwind is a popular utility-first CSS framework that provides low-level class names to web developers. It does not have any JavaScript and works well with existing frameworks such as React, Vue, Angular, Ember, and others. Whilst this is positive, it can be confusing for new developers to understand how to integrate Tailwind in their applications. In this article, Tilo Mitra will explore ways to
Setting the story straight on quite a few issues
Discovering the hypocrisy gap in reliability the hard way
Releasing Cloudflare Access’ most requested feature
You can now configure a specific identity provider for applications secured with Cloudflare Access.
The Fastest Google Fonts
When you use font-display: swap;, which Google Fonts does when you use the default &display=swap part of the URL , you're already saying, "I'm cool with
Let's Make One of Those Fancy Scrolling Animations Used on Apple Product Pages
Apple is well-known for the sleek animations on their product pages. For example, as you scroll down the page products may slide into view, MacBooks fold open
Keep your secrets synced across multiple repositories with organization secrets
Now you can define secrets for an organization, making it easier to keep secrets synced across multiple repositories.
April service disruptions analysis
We had multiple service interruptions in April that may have impacted your projects and businesses. We know how important reliability is for our users and have detailed an analysis on the disruptions.
Remote work: How parents are adapting and working during COVID-19
GitHub parents share their tips for adapting during COVID-19 and working from home with kids.
Just some red flags. No big deal. Just ignore them.
How To Design A Brand Logo (With Ease) — Smashing Magazine
Great logo design can do incredible things for the company behind it. Set the tone for the brand. Improve memorability. Help users emotionally connect to the brand. Create consistency between all marketing channels. Set it apart from the competition. But as a web designer, do you know how to tackle the lofty request of logo design when a client brings it to you?
Inspired Design Decisions With Max Huber: Turning Mundane Subjects Into Exciting Visual Communication — Smashing Magazine
These days, product companies seem more interested in refining interfaces and simplifying user experiences. In this ninth issue of Inspired Design Decisions, Andy Clarke will explain how studying the work of Max Huber — one of the less well known but most distinguished Swiss designers — will teach you how to turn mundane subjects into exciting visual communication.
GitHub Protips: Tips, tricks, hacks, and secrets from Sarah Vessels
In this edition of GitHub Protips, Sarah Vessels shares how she expresses ideas in code and doesn’t stress about the nitty-gritty details of how to neatly organize branches.
7 Ways to Make Your SQL Workshop Beginner-friendly - Shopify
Here are some of the approaches we use to help data workshop participants walk away equipped and excited to start using data to power their work.
Understanding Machines: An Open Standard For JavaScript Functions — Smashing Magazine
In this article, Kelvin Omereshone introduces you to machines, an open standard for JavaScript functions. At the end of this article, you should be familiar with what machines are and how to implement them. There is no special prerequisite for this article. If you can write a JavaScript function, then you’ll be able to follow along. With all that said, let’s dive in.
Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects
I was reading Anna Kaley's "Listboxes vs. Dropdown Lists" post the other day. It's a fairly straightforward comparison between different UI implementations of
Three bugs in the Go MySQL Driver
Check out what we learned from shipping our busiest Go service in production—we found 3 bugs in the Go MySQL driver.
How To Make Performance Visible With GitLab CI And Hoodoo Of GitLab Artifacts — Smashing Magazine
Performance is a competitive advantage that can bring and retain customers. We can’t afford regularly spending time optimizing apps all over again. It’s costly, and complex. As a first step in coming up with a solution for any problem, we need to make the problem visible. In this article, Anton Nemtsev will help you with exactly that It’s not enough to optimize an application. You need to prevent
Resolve internal hostnames with Cloudflare for Teams
Cloudflare for Teams customers can customize the destination for any domain name queried by devices using Cloudflare Gateway.