Tips and tricks to kick-start the Postgres year 2021
Start learning some new Postgres stuff again in 2021 and find some tips: Partial indexing, estimating average row size and more.
Day 41: Trying to understand what a bridge is
Day 41: Trying to understand what a bridge is
Wrapping React.useState with TypeScript
How to make a custom hook that wraps useState with TypeScript properly
How To Build A Node.js API For Ethereum Blockchain — Smashing Magazine
why do we need blockchain? Blockchain is a safe way to record activities and keep data fresh while maintaining a record of its history compared to the traditional records or databases where hacks, errors, and downtimes are very possible. In this article, John Agbanusi explains how you can build a Node.js API from scratch by building and deploying an Ethereum Blockchain for decentralization. He als
AnimXYZ
There are quite a few CSS animation libraries. They tend to be a pile of class names that you can apply as needed like "bounce" or "slide-right" and it'll...
State of JavaScript 2020
We rounded up a bunch of published 2020 annual reports right before the year ended and compiled them into a big ol' list. The end of the list called out a
Using Grommet In React Applications — Smashing Magazine
In this tutorial, Fortune Ikechi is going to show you how to use Grommet as a UI library for React applications. He’ll use Grommet as a UI library of choice to create a pricing component, this would help you have a better understanding of how to use Grommet. This tutorial will be beneficial to readers who are interested in developing responsive components in their React application using Grommet.
Update on an employee matter
On Friday, January 8th, GitHub separated with an employee. Later that day and over the weekend, employees raised concerns about the circumstances of the separation. We took these concerns seriously.…
HR is not your friend, and other things I think you should know
Day 40: screen flickering & a talk about containers
Day 40: screen flickering & a talk about containers
Failing to make progress under excess request load
Uganda's January 13, 2021 Internet Shut Down
Two days ago, through its communications regulator, Uganda's government ordered the "Suspension Of The Operation Of Internet Gateways" hours before the country's general election. This action was confirmed by several users and journalists who got access to the letter sent to Internet providers.
KEMTLS: Post-quantum TLS without signatures
The TLS 1.3 protocol has been around for quite some time, but it will be broken once quantum computers arrive. What can we do? In this blog post, we will examine a technique for achieving full post-quantum security for TLS 1.3 in the face of quantum computers: KEMTLS.
On Auto-Generated Atomic CSS
Robin Weser's "The Shorthand-Longhand Problem in Atomic CSS" in an interesting journey through a tricky problem. The point is that when you take on the job of
3 Approaches to Integrate React with Custom Elements
In my role as a web developer who sits at the intersection of design and code, I am drawn to Web Components because of their portability. It makes sense:
GitHub Enterprise Server 3.0 available as a release candidate!
Today, we’re making GitHub Enterprise Server 3.0 available as a release candidate. Announced in the GitHub Universe Keynote, it’s the biggest ever change to Enterprise Server, bringing customers: Actions –…
Day 39: Customizing gotty's terminal
Day 39: Customizing gotty's terminal
New Year, New Beginnings: Smashing Workshops & Audits — Smashing Magazine
Catch up on what’s been cookin’ at Smashing and explore some of the most popular community resources featured in our newsletter over the past few weeks. Spoiler: there are also new workshops, front-end & UX audits and truly smashing podcast episodes. This article covers pretty much everything you need to build fast experiences on the web today — from metrics to tooling and front-end techniques and
Web Design Trends 2021: The Report — Smashing Magazine
2020 was anything but normal. The world has changed, and so has our role as designers. We never know what the future will bring, but ultimately we shape it, and we can contribute more positive change to the world than we often think we can. Consumers had their lives shaken up and many businesses experienced new challenges as well as opportunities thanks to the novel events of the year.
React Server Components with Next.js
Learn about React Server Components (experimental) and how they'll change how we build React applications, creating a better end-user experience.
Holistic web protection: industry recognition for a prolific 2020
Today we’re excited to announce that Frost & Sullivan has named Cloudflare the Innovation Leader in their Frost Radar™: Global Holistic Web Protection Market Report.
Soar: Simulation for Observability, reliAbility, and secuRity
In this article, we will discuss one of the techniques we use to fight such software complexity: simulations. Simulations are basically system tests that run with synthesized customer traffic and applications.
Proper Tabbing to Interactive Elements in Firefox on macOS
I just had to debug an issue with focusable elements in Firefox. Someone reported to me that when tabbing to a certain element within a CodePen embed, it shot
Building an Ethereum app using Redwood.js and Fauna
With the recent climb of Bitcoin’s price over 20k $USD, and to it recently breaking 30k, I thought it’s worth taking a deep dive back into creating Ethereum
How to Make GraphQL and DynamoDB Play Nicely Together
Serverless, GraphQL, and DynamoDB are a powerful combination for building websites. The first two are well-loved, but DynamoDB is often misunderstood or
Day 38: Modifying gotty to serve many different terminal applications at once
Day 38: Modifying gotty to serve many different terminal applications at once
Integrating A Dialogflow Agent Into A React Application — Smashing Magazine
When it comes to building a conversational chat assistant that could be used at a small or enterprise level, Dialogflow would most likely be one of the first options that would show up in your search list — and why wouldn’t it? It offers several features such as the ability to process audio and text inputs, provide dynamic responses using custom webhooks, connect to millions of Google-enabled devi
A Name Resolver for the Distributed Web
We are proud to announce a new resolver for the Distributed Web, where IPFS content indexed by the Ethereum Name Service (ENS) can be accessed.
Dynamic, Conditional Imports
With ES Modules, you can natively import other JavaScript. Like confetti, duh:
Day 37: A new laptop and a little Vue
Day 37: A new laptop and a little Vue
A Day in the Life of a Backend Platform Engineer at Slack Pune
5:25 am First alarm rings. *Snooze.* 6:30 am The final alarm rings and I know this is the last one, so I get up and immediately start making my bed. I open the curtains to take a look at the weather and the early morning light. I walk to my balcony and stand there to…
Fixing Smooth Scrolling with Find-on-Page
Back when we released the v17 design (we're on v18 now) of this site. I added html { scroll-behavior: smooth; } to the CSS. Right away, I got comments like
The Lies that can Undermine Democracy
Recent events highlight our need to take serious measures to counter lies that are undermining democracies.
Server-sent events: a simple way to stream events from a server
Server-sent events: a simple way to stream events from a server
Define function overload types with TypeScript
Have your JS expressiveness and type it too.
Front-End Performance 2021: Assets Optimizations — Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist with everything you need to know to create fast experiences on the web today, from metrics to tooling and front-end techniques. Updated since 2016.
Front-End Performance 2021: Build Optimizations — Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist with everything you need to know to create fast experiences on the web today, from metrics to tooling and front-end techniques. Updated since 2016.
Front-End Performance 2021: Defining The Environment — Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist with everything you need to know to create fast experiences on the web today, from metrics to tooling and front-end techniques. Updated since 2016.
Front-End Performance 2021: Delivery Optimizations — Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist with everything you need to know to create fast experiences on the web today, from metrics to tooling and front-end techniques. Updated since 2016.
Front-End Performance 2021: Networking, HTTP/2, HTTP/3 — Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist with everything you need to know to create fast experiences on the web today, from metrics to tooling and front-end techniques. Updated since 2016.
Front-End Performance 2021: Planning And Metrics — Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist with everything you need to know to create fast experiences on the web today, from metrics to tooling and front-end techniques. Updated since 2016.
Front-End Performance 2021: Quick Wins — Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist with everything you need to know to create fast experiences on the web today, from metrics to tooling and front-end techniques. Updated since 2016.
Front-End Performance 2021: Setting Realistic Goals — Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist with everything you need to know to create fast experiences on the web today, from metrics to tooling and front-end techniques. Updated since 2016.
Front-End Performance 2021: Testing And Monitoring — Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist with everything you need to know to create fast experiences on the web today, from metrics to tooling and front-end techniques. Updated since 2016.
Front-End Performance Checklist 2021 (PDF, Apple Pages, MS Word) — Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist, with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.
Smashing Podcast Episode 33 With Charlie Gerard: What Is Machine Learning? — Smashing Magazine
In this episode, we’re talking about Machine Learning. What sort of tasks can we put it to within a web development context? Drew McLellan talks to expert Charlie Gerard to find out.
Untangling Compliance: Working Toward a Global Framework
As part of Cloudflare’s recent Privacy Week we hosted a series of fireside chats on security, privacy, and compliance. Many of these conversations touched on the intricate legal debate being held in Europe around data sovereignty. Here are some of the highlights.
GitHub security features: highlights from 2020
We’ve made huge advances in our security features at GitHub in 2020, with launches for code scanning, secret scanning, Dependabot version updates, dependency review, and more.
Let's Bring Spacer GIFs Back!
The 90s web gave us many delightful things: web rings, guestbooks, “under construction” animations, and spacer GIFs. In this article, we'll see how I use a Spacer component to solve common layout problems, and why it's often a great tool for the job in the modern web.
Meet The Workers Team Over Discord
The Cloudflare Workers team is excited to announce the opening of our Discord Channel!
Day 35: Launching my VMs more reliably
Day 35: Launching my VMs more reliably
Painters Tape and Fault Tolerance
One of my favorite things in the world is painters tape (also called masking tape). It seems like something silly: some tape you put on a wall when you’re painting to avoid getting paint on the wall. The tape doesn’t have a strong adhesive, so it can be pulled back off the wall without damaging it.
`aspect-ratio` is going to deprecate FitVids
Jen was just tweetin' about how the latest Safari Technical Preview has aspect-ratio. Looks like Chrome and Firefox both have it behind a flag, so with Safari
Svelte and Spring Animations
Spring animations are a wonderful way to make UI interactions come to life. Rather than merely changing a property at a constant rate over a period of time,
Daily blog posts about my time at RC
Daily blog posts about my time at RC
Day 34: Learning about qemu
Day 34: Learning about qemu
Apache Beam for Search: Getting Started by Hacking Time - Shopify
To create relevant search, processing clickstream data is key: you frequently want to promote search results that are being clicked on and purchased, and demote those things users don’t love. Typically search systems think of processing clickstream data as a batch job run over historical data, perhaps using a system like Spark. But on Shopify’s Discovery team, we ask the question: What if we could
Getting Started With The GetX Package In Flutter Applications — Smashing Magazine
GetX is an extra lightweight solution for state, navigation, and dependencies management for Flutter applications. Flutter is one of the fastest ways to build truly cross-platform native applications. It provides features allowing the developer to build a truly beautiful UI experience for their users, and in this article, Kelvin Omereshone will be looking at GetX’s benefits, features, and how to s
Ransom DDoS attacks target a Fortune Global 500 company
In late 2020, a major Fortune Global 500 company was targeted by a Ransom DDoS (RDDoS) attack by a group claiming to be the Lazarus Group. Cloudflare quickly onboarded them to the Magic Transit service and protected them against the lingering threat.
Creating CSS APIs without JavaScript With the datasette-css-properties plugin
Simon Willison has a project called Datasette, an open source multi-tool for exploring and publishing data. I'm not sure I'm qualified to explain it, but it's