Network-based policies in Cloudflare Gateway
Today we’re excited to announce the ability for administrators to configure network-based policies in Cloudflare Gateway.
Principles for user-centered front-end development
Colin Oakley:
Can I :has()
I just joked that we're basically getting everything we want in CSS super fast (mostly referring to container queries, my gosh, can you imagine they are
Pride 2021: Getting back out there
Reflections on Pride month, and how you can participate
Updates to our policies regarding exploits, malware, and vulnerability research
One month ago, we started a discussion with the community about proposed revisions to clarify GitHub’s policies on security research, malware, and exploits with the goal to enable, welcome, and…
Release Radar
We’ve seen some amazing community projects this last month. This was a huge month for your community with hundreds of new releases. There’s everything from world-changing tech to weekend hobbies.…
Getting Started With Webpack — Smashing Magazine
Modern browsers provide good support for JavaScript modules, but module bundlers such as webpack stay a critical part of the JavaScript toolchain. Module bundlers such as webpack, Parcel, Rollup and also Google’s Closure Compiler were written to create optimized bundles of your code for your end-user’s browser to download and execute. In this article, Nwani Victory will take a deep dive into what
Syria’s exam-related Internet shutdowns
To prevent cheating in exams many countries restrict or even shut down Internet access during critical exam hours. For most of June Syria is having planned Internet shutdowns during critical exam periods.
GitHub Enterprise Server 3.1 is now generally available
GitHub Enterprise Server 3.1 is now generally available for all customers. It helps customers work with large, busy repositories, while enabling developers to develop and deploy with less effort than…
Static vs Unit vs Integration vs E2E Testing for Frontend Apps
What these mean, why they matter, and why they don't
The Testing Trophy and Testing Classifications
How to interpret the testing trophy for optimal clarity
Updating Illustrations at Scale - Shopify
@shopify/get-repo-images is an open source solution that makes it easily find illustrations and their references in code across multiple repositories.
How a Jenkins Job Broke our Jenkins UI
Artwork courtesy of the Jenkins project. At Slack we manage a sophisticated Jenkins infrastructure to continuously build and test our mobile apps before release. We have hundreds of jobs running in a variety of different environments. One day something very odd happened — our Jenkins UI stopped working although the jobs continued to run. This…
Managing Shared State In Vue 3 — Smashing Magazine
Writing large-scale Vue applications can be a challenge. Using shared state in your Vue 3 applications can be a solution to reducing this complexity. There are a number common solutions to solving state. In this article, I will dive into the pros and cons of approaches like factories, shared objects, and using Vuex. I’ll also show you what is coming in Vuex 5 that might change how we all use share
A Crash Course in WordPress Block Filters
Blocks in WordPress are great. Drop some into the page, arrange them how you like, and you’ve got a pretty sweet landing page with little effort. But what if
On the Diverse And Fantastical Shapes of Testing
There are arguments about whether a testing portfolio should be a pyramid or more like honeycomb. My second biggest issue with this argument is that it's rendered opaque by the fact that it's not clear what people see as the difference between unit and integration tests.
GitHub Availability Report: May 2021
In May, we experienced two incidents resulting in significant impact to multiple GitHub services.
Kinda a big announcement
The other day I was talking to a young developer working on a code base with tons of COM code, and I told him that even before… Read more “Kinda a big announcement”
You can now buy print version of my zines!
You can now buy print version of my zines!
How Facebook deals with PCIe faults to keep our data centers running reliably
Peripheral component interconnect express (PCIe) hardware continues to push the boundaries of computing thanks to advances in transfer speeds, the number of available lanes for simultaneous data delivery, and a comparatively small footprint on motherboards. Today, PCIe connectivity-based hardware delivers faster data transfers and is one of the de facto methods to connect components to […] Read Mo
Bad air quality data for a whole region
How To Fix Cumulative Layout Shift (CLS) Issues — Smashing Magazine
Google’s Core Web Vitals initiative has taken the SEO and Web Performance worlds by storm and many sites are busy optimizing their Page Experience to maximize the ranking factor. The Cumulative Layout Shift metric is causing trouble to a lot of sites, so let’s have a look at ways of addressing any issues for that metric.
Improving The Performance Of An Online Store (Case Study) — Smashing Magazine
Getting a good performance score from Google is hard for any website — but doing so for an online store is even harder. We achieved green scores — even several for mobile. Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. In this article, Jennifer Brehm is going to highlight some of the work she did and how her team was able to achieve thei
Front-End Testing is For Everyone
Testing is one of those things that you either get super excited about or kinda close your eyes and walk away. Whichever camp you fall into, I’m here to tell
Jetpack Boost Handles Critical CSS For You
Critical CSS is one of those things I see in my performance reports but always seem to ignore. I know what it means. It means to put only the CSS required to
Embracing the mess at Config 2021
Watch all of the videos from Config 2021
Github Social Impact: How we’re driving change with social sector organizations
We’re proud to share the new and improved Social Impact at GitHub website, and we’re really excited to share what our team has been working on! GitHub’s mission is to…
Please don't count outages (or SEVs, or whatever)
Smashing Podcast Episode 38 With Ivan Akulov: Why Is My React App Slow? — Smashing Magazine
In this episode, we’re talking about React performance. What factors slow our React apps down, and how can we fix it? Drew McLellan talks to expert Ivan Akulov to find out.
Setting Up A Currency Convertor With ExchangeRatesApi.io — Smashing Magazine
Amazon allows visitors to display prices in their own currency. Thanks to *ExchangeRatesApi.io*, we can do the same for our online shops, providing a better experience to our customers. Let’s find out how.
Patrick Balestra: Senior Engineer
I’m at my best after nine hours’ sleep, so I tend to wake up pretty late, shower and dress as though I’m going into the office. Although I’ve been in Stockholm a while now, I’m still not a fan of the Swedish breakfast of bread and cheese or salami – give me Nutella on toast any day!
Serverless Functions: The Secret to Ultra-Productive Front-End Teams
Modern apps put high demands on frontend devs. Use serverless functions to avoid complexity & helps your team ship more with less stress.
Local: Always Getting Better
I've been using Local for ages. Four years ago, I wrote about how I got all my WordPress sites running locally on it. I just wanted to give it another high
Happy June Vibes For Your Screen (2021 Desktop Wallpapers Edition) — Smashing Magazine
What could be a better way to welcome June than with some colorful inspiration? Well, we might have something for you: wallpapers created with love by artists and designers from across the globe.
Moving my US tech job to Australia
QUIC Version 1 is live on Cloudflare
QUIC is a new fast and secure transport protocol. Version 1 has just been published as RFC 9000 and today Cloudflare has enabled support for all customers, come try it out.
My (Seemingly) Random Walk to Netflix - Netflix TechBlog
I am going to tell you a story about a person that works for Netflix. That person grew up dreaming of working in the entertainment industry. They attended the University of Southern California…
Adding A Commenting System To A WYSIWYG Editor — Smashing Magazine
In this article, we’ll be re-using the foundational WYSIWYG Editor built in the first article to build a commenting system for a WYSIWYG Editor that enables users to select text inside a document and share their comments on it. Let’s dig in!
How to interpret PostgreSQL EXPLAIN ANALYZE output
UPDATED July 2023: How to use EXPLAIN ANALYZE in PostgreSQL, learn tools to visualize the output. See query execution time and row count.
Q&A with Dantley Davis
25 quick questions, plus his closing keynote from Config 2021
Shipit! Presents: How We Write React Native Apps - Shopify
Join us as we talk with developers setting the React Native standards at Shopify. They’ll share more on how we write performant React Native apps.
Useful VS Code Extensions For Front-End Developers — Smashing Magazine
Meet useful Visual Studio Code extensions for web developers: little helpers to minimize slow-downs and frustrations, and boost developer’s workflow along the way. Recently, we’ve also covered CSS auditing tools, CSS generators and accessible front-end components — you might find them useful, too. In this post, we look into useful VS Code extensions for front-end development, from fine productivit
How To Build And Launch Powerful Responsive Websites With Editor X — Smashing Magazine
While web builders have been around for a long time, it wasn’t until recently that they became practical for professional use. Closing the gap between design and code has become the north star for many companies and we are seeing a wave of tools that deliver on this promise. One such product is Editor X, which we’ll review in this article.
Building real-time games using Workers, Durable Objects, and Unity
Durable Objects are an awesome addition to the Workers developer ecosystem, allowing you to address and work inside a specific Worker to provide consistency in your applications. You might be wondering "Okay, so what can I build with that?"
A Thorough Analysis of CSS-in-JS
Wondering what’s even more challenging than choosing a JavaScript framework? You guessed it: choosing a CSS-in-JS solution. Why? Because there are more than
Awesome Standalone (Web Components)
In his last An Event Apart talk, Dave made a point that it's really only just about right now that Web Components are becoming a practical choice for
Links on Web Components
Two years ago, hold true:
Why (and how) GitHub is adopting OpenTelemetry
Over the years, GitHub engineers have developed many ways to observe how our systems behave. We mostly make use of statsd for metrics, the syslog format for plain text logs…
IRC: run it or use it, but try to avoid doing both
Accessible SVGs: Perfect Patterns For Screen Reader Users — Smashing Magazine
Discover which SVG patterns we should avoid and which patterns are the most inclusive when comparing different combinations of OSs, browsers, and screen readers. Carie will also be running an online workshop on Accessible Front-End Patterns all around front-end accessibility.
Cloudflare’s SOC as a Service
Cloudflare SOC as a Service combines our best-in-class security products and a team of cybersecurity experts within Cloudflare that augment your security and network teams
Creating Powerful Websites with Serverless-Driven CMS Development
Choosing the right tools to build a website for your organization is essential, but it can be tough to find the right fit. Simple site builders like Wix and
What I Learned Building a Word Game App With Nuxt on Google Play
I fell in love with coding the moment I created my first CSS :hover effect. Years later, that initial bite into interactivity on the web led me to a new goal:
PostgreSQL: Bulk loading huge amounts of data
This article is about bulk loading, which is the quickest way to import large amounts of data into a PostgreSQL database.
In the file at Config 2021
The tactics, processes, and systems that keep teams running
Octoverse Spotlight 2021: The Good Day Project—Personal analytics to make your work days better
Table of contents Executive summary Key findings Key takeaways for developers and software teams About the study What we found Interruptions and meetings have a large influence on our days…
How Shopify Built An In-Context Analytics Experience - Shopify
Whether determining which orders to fulfill first or assessing how their customer acquisition efforts are performing, our merchants rely on data to make informed decisions about their business. In 2013, we made easy-access to data a reality for Shopify merchants with the Analytics.
A Guide To Undoing Mistakes With Git (Part 2) — Smashing Magazine
Mistakes. These cruel villains do not even stop at the beautiful world of software development. But although we cannot avoid making mistakes, we can learn to undo them! In this article, Tobias Günther will show you the right tools for your daily work with Git. You might want to check the first article of the series as well.
A New Way To Reduce Font Loading Impact: CSS Font Descriptors — Smashing Magazine
Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. If you want to use web fonts your choices are basically Flash of Invisible Text (aka FOIT) or Flash of Unstyled Text (FOUT). Neither option has really “won out” because neither is really satisfactory, to be honest. Upcoming font options may finally deliver on the pro