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
