Accepting Payments (including Recurring Payments) on WordPress.com
I'm a fan of building websites with the least amount of technical debt and things you have to be responsible for as possible for what you wanna do. Sometimes
Dealing With Stale Props and States in React’s Functional Components
There’s one aspect of JavaScript that always has me pulling my hair: closures. I work with React a lot, and the overlap there is that they can sometimes be
How I Put the Scroll Percentage in the Browser Title Bar
Some nice trickery from Knut Melvær.
PostgreSQL: Network latency does make a BIG difference
Find out about how network latency is essential to PostgreSQL database performance. Measure the performance impact caused by latency.
Create and push tags in the latest GitHub Desktop 2.5 release
The latest GitHub Desktop release includes the most requested feature of the past six months: tags! Create, push, and view tags directly from GitHub Desktop.
Hot lava: A case study in hunting for network integer arithmetic flaws
We examine the dangers of network integer arithmetic based on a case study of security vulnerabilities reported to the ntop project.
GitHub Sponsors is out of beta for sponsored organizations
Have your team join Homebrew and JuliaLang, along with over 500 other organizations, in sponsoring open source projects, and the people behind them.
Sponsored Post: InterviewCamp.io, Scrapinghub, Fauna, Sisu, Educative, PA File Sight, Etleap, Triplebyte, Stream - High Scalability -
Who's Hiring? * InterviewCamp.io has hours of system design content. They also do live system design discussions every week. They break down interview prep into fundamental building blocks. Try out their platform. * Scrapinghub is hiring a Senior Software Engineer (Big Data/AI). You will be designing and implementing distributed systems: large-scale web crawling platform, integrating Deep Learning
Reducing Your Database Hosting Costs: DigitalOcean vs. AWS vs. Azure - High Scalability -
If you’re hosting your databases in the cloud, choosing the right cloud service provider is a significant decision to make for your long-term hosting costs. This is especially apparent in today's world where organizations are doing whatever they can to optimize and reduce their costs. Over the last few weeks, we have been inundated with requests from SMB customers looking to improve the ROI on the
Meet “Click!”: Encourage Clicks Without Shady Tricks — Smashing Magazine
How, then, do we encourage users to act? By establishing trust with small commitments, at the right time, and in the right order. Click! explains how to do just that. Meet our new practical guide on how to build trust, increase conversion and boost business KPIs effectively — without alienating people along the way. Written by Paul Boag. Coming up in June. Jump to table of contents and get the boo
Micro-Typography: How To Space And Kern Punctuation Marks And Other Symbols — Smashing Magazine
For hundreds of years, we have been using white space in typography. Today, in 2020, how do we add spacing to punctuation marks and other symbols, and how do we adjust the space on the left and right side in an easy and consistent way? It is actually not as easy and quick as it should be.
min(), max(), and clamp() are CSS magic!
Nice video from Kevin Powell. Here are some notes, thoughts, and stuff I learned while watching it. Right when they came out, I was mostly obsessed with
How to pair design (and convince your boss to invest in it)
An introduction to design pairing, how to structure it, and tips for convincing your boss that it’s a good idea.
Accelerometer and SoftSKU: Improving hardware platform performance for diverse microservices
What the research is: New strategies to improve the performance of hardware platforms running Facebook’s microservices. SoftSKU is a novel mechanism that tailors an existing server processor to optimize it for a specific microservice without requiring any additional hardware. Accelerometer is an analytical model that predicts gains from these optimizations even before the custom hardware […] Read
Whacker News updated for 2020
Setting TypeScript For Modern React Projects Using Webpack — Smashing Magazine
In this article, Blessing Krofegha introduces Typescript, a superscript of JavaScript that presents the static type feature for spotting common errors as developers codes, which enhances performance, hence results in robust enterprise applications. You’ll also learn how to efficiently set up TypeScript in a React Project as we build a Money Heist Episode Picker App, exploring TypeScript, React hoo
CUBIC and HyStart++ Support in quiche
Congestion control and loss recovery play a big role in the QUIC transport protocol performance. We recently added support for CUBIC and HyStart++ to quiche, the library powering Cloudflare's QUIC, and lab-based testing shows promising results for performance in lossy network conditions.
Remote work: Marketing and planning virtual events remotely
The GitHub marketing team shares best practices for working remotely and planning virtual events.
Metaphors in man pages
Metaphors in man pages
Tracing user interactions with React
How to use the (EXPERIMENTAL) interactions tracing API in React.
Rebuilding our tech stack for the new Facebook.com
Facebook.com launched in 2004 as a simple, server-rendered PHP website. Over time, we’ve added layer upon layer of new technology to deliver more interactive features. Each of these new features and technologies incrementally slowed the site down and made it harder to maintain. This made it harder to introduce new experiences. Features like dark mode […]
Responses to reader feedback
How to Fix Slow Code in Ruby - Shopify
How do we effectively find out why our application is slow? Even if we have a fix for the slow code, how can we prove that our new code is faster?
How To Build A Vue Survey App Using Firebase Authentication And Database — Smashing Magazine
This tutorial would take you on a step by step guide to build a functional survey app using Vue.js and Firebase. From validating the user’s data through Vuelidate, to authentication, storing the user’s data, route protection and sending data to Firebase servers. All the steps used in the tutorial are practical, and can be reproduced in any real-life project, even with a custom backend.
Feature Branch
Eliminate an entire category of bugs with a few simple tools
How you can use a few simple static code analysis tools to avoid common programming bugs.
Old box, dumb code, few thousand connections, no big deal
Happiness is… a freshly organized codebase
Starting From the Top Imagine joining a new team at a new company and you finally get access to a codebase. Slack iOS Xcode File Hierarchy 2017 Where do you add a source file for your team’s project? Great question. Your new team has three source directories for you to add files to, and oh,…
Reducing Design Risk — Smashing Magazine
The pressure to rush market and usability research carries risk. In this article, Eric Olive will offer four practical techniques to mitigate this risk and create designs that better serve customers and the company: context over convenience, compromise, better design decisions, design reduction.
How to Create Custom WordPress Editor Blocks in 2020
Peter Tasker on creating blocks right now:
Static Hoisting
The other day in "Static or not?" I said:
How our product design team works
A look at the meetings, rituals, and exercises our product design team relies on to stay connected and efficient.
Capture the Flag 4—CodeQL and chill
Join our Capture the Flag challenge to use your CodeQL skills or learn new ones.
New from Satellite 2020: GitHub Discussions, Codespaces, securing code in private repositories, and more
See what we announced at our first virtual GitHub Satellite including a full dev environment on GitHub powered by VS Code, a new way to have discussions with your communities, new ways to secure projects with code scanning and secret scanning, and more.
Octoverse spotlight: An analysis of developer productivity, work cadence, and collaboration in the early days of COVID-19
Following the 2019 Octoverse report, this latest article provides trends and insights into developer activity on GitHub in the early days of COVID-19.
Lessons Learned Speaking at Conferences
Speaking at conferences is equal parts exciting and terrifying. This article is a behind-the-scenes look at what the experience is like, and shares tips for getting started as a conference speaker.
A bunch of rants about cloud-induced damage
A Complete Guide To Mechanical Keyboards — Smashing Magazine
How much thought have you put into your primary input device? Ever considered how much better your interface with your computer might be? For decades, keyboards have been the primary mechanisms by which we interact with our computers. In this article, Ben Frain is going to dive into the possibilities of mechanical keyboards. The different layouts, switch types and even keycap material. Strap yours
More flexibility with Stripe Billing
New Stripe Billing features to help you support more business models, shave time off of your operations, and let you bill customers globally with advanced invoicing features.
Cinco de Mayo - What are we celebrating anyway?
Latinflare explores the Cinco de Mayo holiday and shares the perspective of various employees from around the globe.
Setting up Cloudflare for Teams as a Start-Up Business
S2 Systems, recently acquired by Cloudflare, provides a start-up’s perspective of setting up Cloudflare for Teams and how it solved some problems that we struggled with for way too long.
Angular + Jamstack! (Free Webinar)
It's easy to think that working with Jamstack means working with some specific set of technologies. That's how it's traditionally been packaged for us. Think
`lh` and `rlh` units
There's some new units I was totally unaware of from the Level 4 spec for CSS values! The lh unit is "equal to the computed value of line-height" and rlh is
List Style Recipes
Lists are a fundamental part of HTML! They are useful in things like blog posts for listing out steps, recipes for listing ingredients, or items in a
Series Forecasting with Recurrent Neural Networks (LSTM)
How to build your first Recurrent Neural Network (RNN) for series forecasting | Usage of Long Short Term Memory (LSTM)
Implementing a secure web-based proxy service for Discover
Our connectivity efforts focus on expanding internet access and adoption around the world. This includes our work on technologies like Terragraph, our collaboration with mobile operators on efforts to expand rural access, our work as part of the Telecom Infra Project, and programs like Free Basics. As we’ve continued working on Free Basics, we’ve listened […]
Meet SmashingConf Live: Our New Interactive Online Conference — Smashing Magazine
The cat is out of the bag! Meet SmashingConf Live (Aug 20–21), our very first online conference. For SmashingConf Live, our new online conference, we don’t want to replicate in-person experiences online. Instead, we’ve designed an entirely new conference experience, focusing around interactive live sessions and discussion zones where you actively shape what happens next, and learn along the way.
Smashing Podcast Episode 15 With Phil Smith: How Can I Build An App In 10 Days? — Smashing Magazine
In this episode of the Smashing Podcast, we’re talking about building apps on a tight timeline. How can you quickly turn around a project to respond to an emerging situation like COVID-19? Drew McLellan talks to Phil Smith to find out.
A single dashboard for Cloudflare for Teams
Cloudflare Access is now available in the Cloudflare for Teams UI. You can now manage application and threat security for your organization in a single dashboard.
CSS Functions Guide
Like any other programming language, CSS has functions. They can be inserted where you’d place a value, or in some cases, accompanying another value declaration.
No-Comma Color Functions in CSS
There have been a couple of viral tweets about this lately, one from Adam Argyle and one from Mathias Bynes. This is a nice change that makes CSS a bit more
Playing With (Fake) Container Queries With watched-box & resizeasaurus
Heydon's <watched-box> is a damn fantastic tool. It's a custom element that essentially does container queries by way of class names that get added to
How one student curbed panic buying with the Pack
Learn how Ben Sassoon used the Pack to curb panic buying during the COVID-19 pandemic.
Announcing the MLH Fellowship, powered by GitHub
Now more than ever, students need opportunities to sustain their growth, using real tools, and an experienced understanding of how to work remotely and globally. With this new program, we’re helping to support the next generation of developers and the open source projects that companies use every day.
Part 2: The DynamoDB Book: An Interview With Alex DeBrie On His New Book - High Scalability -
This is the second part of my interview with Alex DeBrie on his new insta-classic: The DynamoDB Book. To read the first part of the interview please mosey on over to The DynamoDB Book: An Interview With Alex DeBrie On His New Book. Go ahead. Take your time. It's worth it. Quick Fire Round. What's your quick reaction to: The cost of storing data in S3 versus storing data in DynamoDB? Use S3 for lar
Accessible Animations in React
I really love animation, but not everybody does. In fact, it can make some people literally sick! In this tutorial, we'll see how to ensure that we respect user preferences, and create animations that can be disabled.
Common mistakes with React Testing Library
Some mistakes I frequently see people making with React Testing Library.
An Introduction To React With Ionic — Smashing Magazine
Mobile app development using hybrid frameworks has come a long way since initial release in 2008. With the improvements being made to the JavaScript engine and improved processing power available to mobile phones, the major concern people had when they considered developing their apps using the hybrid approach — namely, performance — has all but been eliminated, and cross-platform frameworks have
When people pause the Internet goes quiet
As human behaviour has changed in response to the pandemic, it's left a mark on the charts that network operators look at day in, day out to ensure that their networks are running correctly.
React Integration Testing: Greater Coverage, Fewer Tests
Integration tests are a natural fit for interactive websites, like ones you might build with React. They validate how a user interacts with your app without
