Replace axios with a simple custom fetch wrapper
Axios can do a ton of stuff, but here's a simpler solution that can handle most use cases
Visual Design Language: The Building Blocks Of Design — Smashing Magazine
We use language as a tool for communication with other people. Writers use words to communicate with their readers, while designers use visual language to communicate with their users. Fonts, colors, shapes, visual elements such as icons — those are elements of design language. Effective design language streamlines communication. A robust visual design language is the cornerstone of good design. I
Smart Interface Design Patterns Checklists PDF — Smashing Magazine
A set of checklists to help you create smart interface design patterns. Totally free if you sign up for our friendly newsletter. These checklists are based on the work Vitaly has been doing for many years, exploring and examining examples of desktop and mobile interfaces. Learning what works and what doesn’t in usability tests and user interviews.
Deploys at Slack
Deploys require a careful balance of speed and reliability. At Slack, we value quick iteration, fast feedback loops, and responsiveness to customer feedback. We also have hundreds of engineers who are trying to be as productive as possible. Keeping to these values while growing as a company means continual refinement of our deployment system. We…
Migrating from VPN to Access
With so many people at Cloudflare now working remotely, it's worth stepping back and looking at the systems we use to get work done and how we protect them. Over the years we've migrated from a traditional "put it behind the VPN!" company to a modern zero-trust architecture.
Dogfooding from Home: How Cloudflare Built our Cloud VPN Replacement
Rewind to 2015. Back then, as with many other companies, all of Cloudflare’s internally-hosted applications were reached via a hardware-based VPN.
Creating a Pencil Effect in SVG
Scott Turner, who has an entire blog "Exploring procedural generation and display of fantasy maps", gets into why vector graphics seems on these surface why
Using Cloudflare to secure your cardholder data environment
As part of our ongoing compliance efforts Cloudflare’s PCI scope is reviewed quarterly and after any significant changes to ensure all in-scope systems are operating in accordance with the PCI DSS.
Creating an Editable Site with Google Sheets and Eleventy
Remember Tabletop.js? We just covered it a little bit ago in this same exact context: building editable websites. It’s a tool that turns a Google Sheet into
How to use CSS Scroll Snap
Nada Rifki demonstrates the scroll-snap-type and scroll-snap-alignCSS properties. I like that the demo shows that the items in the scrolling
Stuff The Internet Says On Scalability For March 27th, 2020 - High Scalability -
Hey, it's HighScalability time! Awesome explanation of how to build a PID controller to fly a rocket! (BPS.space via Orbital Index) 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 intelligent world. Know someone who wants to understand the cloud? I wrote Explain the Cloud Like I'm 10 just for them. On Amazon
How To Make Life Easier When Using Git — Smashing Magazine
You don’t need to know your trees from your dangling blobs. If you use Git every day and feel like it’s a juggling act, then here are some tricks and tips to help make your life a bit easier. There’s been a lot written about getting started with git, understanding how git works under the hood or techniques for better branching strategies. In this article, Shane Hudson will specifically target the
Migrating to React land: Gatsby
As our developer documentation grows so does the need for tooling. Let’s walk through how we migrated our documentation site to Gatsby to take full advantage of static generation and React.
Consistent Backends and UX: How Do New Algorithms Help?
In previous articles, we explained what consistency is, the difference between "strong" and "eventual" consistency, and why this distinction is more important
Building for reliability at HelloSign
February service disruptions post-incident analysis
In-depth analysis of February service disruptions that impacted GitHub services.
The Working Group's White paper on Japan and covid-19
Author’s note: This is a copy of the white paper of the Working Group, a group of four pseudonymous professionals in Tokyo. I, Patrick McKenzie, was the primary author. It was distributed quietly during the week of March 25th, 2020. I have written an essay describing how this document came to be and demonstrating its provenance .
Wireless audio sync on Apple TV kills Mac AirPlay audio
How To Increase Mobile Conversions With Category Page Design — Smashing Magazine
Recent research has found that e-commerce category pages have higher click-through rates in search than individual category pages. So, if your e-commerce site is struggling to attract shoppers and convert them, your category pages (specifically, those on mobile) might be in need of a redesign. Based on the following data, Suzanne Scacca will show you how category pages have a role to play — as the
Speeding up Linux disk encryption
Encrypting data at rest is vital for Cloudflare with more than 200 data centres across the world. In this post, we will investigate the performance of disk encryption on Linux and explain how we made it at least two times faster for ourselves and our customers!
How to Animate Text with SVG and CSS
The other day I was helping my pal Jez work on Dept. of Enthusiasm, the site for his newsletter, and I had a thought. What if we made the word “enthusiasm” in
CSS Viewport Units
Deep dive from Ahmad. I like the coverage of vmin and vmax, which I think I don't reach for as often as I should.
An Introduction to MDXJS
Markdown has traditionally been a favorite format for programmers to write documentation. It’s simple enough for almost everyone to learn and adapt to while
Auto-Growing Inputs & Textareas
By default, <input> and <textarea> elements don't change size based on the content they contain. In fact, there isn't any simple HTML or CSS way