PostgreSQL zheap: Current status
zheap has been designed as a new storage engine to handle UPDATE in PostgreSQL more efficiently. Read about the current status and more.
Inside Figma: a Q&A with our global sales team
A chat with the sales team about what they've learned and what they're looking forward to
Extending Anvil for Fun and Profit
Note: This article assumes some familiarity with Dagger, Anvil, and Kotlin. We use Dagger heavily in the Slack Android app for compile-time dependency injection. It’s powerful, flexible, supports basic Kotlin idioms, and allows for advanced dependency injection patterns with less boilerplate. It’s not without its sharp edges though. It slows down our builds with kapt,…
How To Migrate From WordPress To A Headless CMS — Smashing Magazine
In this article, Alba Silvente will take a look at when it makes sense to migrate from a monolithic project to a headless setup and the benefits that come with it. In addition to a step-by-step guide on how to migrate WordPress to Storyblok Headless CMS, the problems that will arise during the process and how to deal with them.
How To Learn Stuff Quickly
As software developers, we're always learning new things; it's practically the whole gig! If we can learn to quickly pick up new languages/frameworks/tools, we'll become so much more effective at our job. It's sort of a superpower.
Maintaining End-To-End Quality With Visual Testing — Smashing Magazine
A critical part of any developer’s workflow is definitely testing. It helps us to ensure that our project is going to maintain a high level of quality, as well as prevent any pesky bugs from getting out into the wild. By adding visual elements to your tests, you can gain more options to add meaningful ways in maintaining a high level of quality for your app. In this article, Colby Fayock explains
Rich, complex rules for advanced load balancing
Take control of your traffic by adding custom logic to your origin selection and traffic steering decisions!
Some Typography Links VI
Glitter text — whO (I learned a name for people who go by a one-word moniker like that: Mononymous) created a builder for fancy SVG-based type. It's a custom
WordPress Admin Warnings in the Block Editor
We sent out an email the other week that ultimately had a <video> in the HTML markup. We send the newsletter by creating it here in the WordPress block
Of Course We Can Make a CSS-Only Clock That Tells the Current Time!
Let’s build a fully functioning and settable “analog” clock with CSS custom properties and the calc() function. Then we’ll convert it into a “digital” clock
Perspectives on React Native from Three Shopify Developers - Shopify
We hope that by sharing our experiences learning React Native, we can help soothe your anxieties and empower you to explore this exciting technology.
Three Insights I Gained While Researching Vue.js Accessibility — Smashing Magazine
Web app accessibility appears difficult because it seems that there is little information on the subject available online. Let’s take a closer look at the accessible use of framework features, concrete Vue.js traits, as well as community initiatives and vetted patterns.
Automatic Remediation of Kubernetes Nodes
In Cloudflare’s core data centers, we are using Kubernetes to run many of the diverse services that help us control Cloudflare’s edge. We are automating some aspects of node remediation to keep the Kubernetes clusters healthy.
How to Get a Pixel-Perfect, Linearly Scaled UI
Dynamically scaling CSS values based on the viewport width is hardly a new topic. You can find plenty of in-depth coverage right here on CSS-Tricks in
Keeping creativity flowing when times are tough
Tips for staying creative and collaborative, while having fun
Student leaders are taking GitHub Campus TV to the next level
The GitHub Education Stream Team is adding new shows. Job-hunting graduate? New to coding? No matter where you are, there’s a show for you.
Fully Sharded Data Parallel: faster AI training with fewer GPUs
Training AI models at a large scale isn’t easy. Aside from the need for large amounts of computing power and resources, there is also considerable engineering complexity behind training very large models. At Facebook AI Research (FAIR) Engineering, we have been working on building tools and infrastructure to make training large AI models easier. Our […]
ISR vs DPR: Big Words, Quick Explanation — Smashing Magazine
There are two strategies for incrementally building websites that are growing in popularity: Incremental Static Regeneration and Distributed Persistent Rendering. What’s the difference? In this article, Cassidy Williams will tell you everything about it.
You Can Do That With A JavaScript Data Grid? — Smashing Magazine
Data grids need to be easy to understand, engaging, responsive, and accessible. They need to perform well and load data fast. However, building a data grid that meets these standards from scratch can take a long time and be a huge undertaking. In this article, you’ll get to see some pretty groundbreaking things you can achieve with modern JavaScript grids. You’ll learn how these data tables solve
Build Complex CSS Transitions using Custom Properties and cubic-bezier()
I recently illustrated how we can achieve complex CSS animations using cubic-bezier() and how to do the same when it comes to CSS transitions. I was able to
A Bashful Button Worth $8 Million
Most of us grumble when running across a frustrating UX experience online (like not being able to complete a transaction because of a misplaced button). We
PostgreSQL: LIMIT vs FETCH FIRST ROWS ... WITH TIES
The LIMIT/OFFSET clause is off standard and thus not portable. Read about the proper way to handle it by using “SELECT … FETCH FIRST ROWS”.
Behind the plugin: Cards for Humanity
An interview with the team who built the digital card came
How WhatsApp enables multi-device capability
For years, people have been asking us to create a true multi-device experience that allows people to use WhatsApp on other devices without requiring a smartphone connection. Today, we’re announcing the rollout of a limited public beta test for WhatsApp’s updated multi-device capability. With this new capability, you can now use WhatsApp on your phone […]
Designing Filters That Work: Best Practices and Guidelines — Smashing Magazine
Too often the filtering experience on the web is broken and frustrating, making it just unnecessarily difficult for customers to get to that shiny comfortable range of relevant results. When designing the next filter, take a look at some of the common issues that you might want to avoid, and hopefully avoid all the frustration that comes from broken and inaccessible implementations.
Jamstack Community Survey 2021
The folks over at Netlify have opened up the Jamstack Community Survey for 2021. More than 3,000 front-enders like yourself took last year's survey, which
What’s new from GitHub Changelog? June 2021 Recap
This month, we have some exciting updates to share. A lot of you have welcomed the improvements to your ability to sync a forked repo with upstream from the web…
Shopify-Made Patterns in Our Rails Apps - Shopify
At Shopify, we’ve developed our own patterns in order to support our global platform. Before coming here, I've developed multiple Ruby (and Rails) applications at multiple growth stages. Because of that, I quickly came to appreciate some workarounds and automation that were created to support the large codebase of Shopify. If there’s something I appreciate about Ruby on Rails, it’s the principle o
Managing Focus Transitions in Slack
At Slack, we believe that designing an optimal keyboard experience is key to delivering a best-in-class product for all our customers. However, despite our design system components being individually accessible, we heard from keyboard users that we were still missing focus transitions in their end-to-end user experience. Non-sighted users who relied on a screenreader constantly…
Building A Dynamic Header With Intersection Observer — Smashing Magazine
Have you ever needed to build a UI where some component on the page needs to respond to elements as they’re scrolled to a certain threshold within the viewport — or perhaps in and out of the viewport itself? In JavaScript, attaching an event listener to constantly fire a callback on scroll can be performance-intensive, and if used unwisely, can make for a sluggish user experience. But there is a b
How To Migrate From jQuery To Next.js — Smashing Magazine
There are many scenarios where we don’t need to follow the architecture that frameworks like React or Next.js impose on us, and that is OK. However, jQuery is a library that contains a lot of code and features that are not needed anymore. In this article, Facundo Giuliani will take a closer look at different approaches and strategies on how you can migrate a web application that uses jQuery framew
The UEFA EURO 2020 final as seen online by Cloudflare Radar
Cloudflare has been publishing statistics about all the teams involved in EURO 2020 and traffic to betting websites, sports newspapers, streaming services and sponsors. Here’s a quick look at some specific highlights from England’s and Italy’s EURO 2020.
Adding support for cross-cluster associations to Rails 7
At GitHub, we recently added a new feature to Rails that will be available in 7.0: support for handling associations across database clusters.
Enforcing encryption at scale
Our infrastructure supports thousands of services that handle billions of requests per second. We’ve previously discussed how we built our service encryption infrastructure to keep these globally distributed services operating securely and performantly. This post discusses the system we designed to enforce encryption policies within our network and shares some of the lessons we learned […] Read Mo
Refactoring CSS: Introduction (Part 1) — Smashing Magazine
In this three-part series, Adrian Bece is going to go through the CSS refactor process from the beginning to the end, starting with knowledge on how to approach it and some general pros and cons of refactoring, then moving onto the refactoring strategies themselves and ending with some general best practices on CSS file size and performance. CSS refactoring is not an easy task — it needs to be don
Ribbon filter: Practically smaller than Bloom and Xor
What the research is: The Ribbon filter is a new data structure that is more space-efficient than the popular Bloom filters that are widely used for optimizing data retrieval. One of the ways that Bloom, and now Ribbon, filters solve real engineering problems is by providing smooth configurability unmatched by other filters. Bloom filters work […]
Shopify's Path to a Faster Trino Query Execution: Infrastructure - Shopify
We’ll discuss how we scaled our interactive query infrastructure to handle the rapid growth of our datasets, while enabling a query execution time of less than 5 seconds.
Making A Strong Case For Accessibility — Smashing Magazine
Accessibility is often overlooked or bolted on to the end of a project from the experiences in Todd’s career in web development and design. The case for accessibility is something we as people who create and build things for the web should be implementing and advocating for from the inception of a project to the release or handoff and beyond.
Smart(er) Origin Service Level Monitoring
Today we’re excited to announce Origin Error Rate notifications: a new, sophisticated way to detect and notify you when Cloudflare sees elevated levels of 5xx errors from your origin.
Building a Command Line Tool with Nodejs and Fauna
Command line tools are one of the most popular applications we have today. We use command line tools every day, and they range from git, npm or yarn. Command
Introducing Figma’s New York City hub
We have opened an office in New York City to better connect with Figmates and users
Write good examples by starting with real code
Write good examples by starting with real code
High Availability by Offloading Work Into the Background - Shopify
High availability and short response times are necessary, making background jobs an indispensable tool regardless of the application’s scale.
Tools And Practices To Speed Up The Vue.js Development Process — Smashing Magazine
Even though Vue.js claims to have an approachable minimalist framework that can be incrementally adaptable, it can be a little bit overwhelming when starting as a Vue.js newbie. In this tutorial, Uma Victor will take a look at some tips and tools to help you become a better Vue developer. You will start with some helpful insights on organizing your projects for scale and other great points to note
Transform Rules:"Requests, Transform and Roll Out!"
Perform URL Normalization, URL Rewriting, or Header Modification without having to write a line of code!
A Look at Building with Astro
Astro is a brand new framework for building websites. To me, the big thing is that it allows you to build a site like you're using a JavaScript framework (and
The Web’s Worst Default
There are a lot of great defaults when it comes to browsers and the web. Think about all the accessibility features that are baked into HTML so that you don’t
How News UK developed a multi-brand design system
The team at News UK shares their experience creating a design system across print, online, radio, and TV
GitHub Availability Report: June 2021
In June, we experienced no incidents resulting in service downtime to our core services.
npm audit: Broken by Design
Found 99 vulnerabilities (84 moderately irrelevant, 15 highly irrelevant)
An Introduction To Figma Interactive Components — Smashing Magazine
In this article, Emiliano explains why Figma Interactive Components (now in beta) will improve how we create prototypes. The new feature reduces the time and effort needed to create interactions by bringing down the cost of design exploration. There’s no need for previous Figma knowledge and experience — all you’ll need is a free Figma account if you’d like to try it out for yourself.
Welcoming Kathy Korevec to Vercel, our new Head of Product
We’re excited to announce that Kathy Korevec is joining our leadership team at Vercel as Head of Product to accelerate our mission to bring the best developer experience to our customers and community.
Cloudflare customers can now use Microsoft Azure Data Transfer Routing Preference to enjoy lower data transfer costs
Cloudflare customers can now choose to reduce data transfer cost via the Microsoft Azure Routing Preference Program with just a few clicks.
Body Toggle
I appreciate the clarity of this trick that Mikael Ainalem posted over on Reddit:
I've got one question about Jetpack for you.
And maybe an optional follow-up if you're up for it.
The Dilemma of Naming Font Size Variables
Normally, a project will have a set of pre-determined font sizes, usually as variables named in such a way that seeks some semblance of order and consistency.
Simulating temporal tables with dblink and replication delay
How to simulate unsupported out of the box temporal tables in PostgreSQL using delayed streaming replication and dblink extension
How To Choose A Headless CMS — Smashing Magazine
There is an array of Headless CMSes out there. In this article, we delve into headless CMS features to satisfy your content editors, marketers and yourself as a developer. For the experience headless practitioner, this could be a checklist to see what’s new out there. For those starting out on their headless journey, this could be a guide on what to look for.
USENIX LISA2021 Computing Performance: On the Horizon
Strength in Diversity: APAC Heritage Month
In the United States, May is Asian American and Pacific Islander Heritage Month. This year, we wanted to celebrate this occasion in a more inclusive and comprehensive way, which is why we called our celebration APAC Heritage Month.
