Start Serving Optimized Images in Vue
Images have become extremely important to the effectiveness of websites. They speak a 1000 words, attract attention, and stimulate emotions.
PKCE: What and Why?
Come learn about the PKCE OAuth flow! How it works, why it’s valuable, and how to use it to authorize your Dropbox app.
10 Lessons Learned From Online Experiments - Shopify
10 hard-earned lessons from controlled experiment, considered the gold standard approach for determining the true effect of a change.
Your Image Is Probably Not Decorative — Smashing Magazine
Image placement on the modern web is highly intentional, helping to communicate the overall purpose of a page or view. This means that nearly every image you declare needs to have an alternate description. Nulling an image indicates that it is for decorative purposes only. In this context, decorative means that the image does not visually communicate information that is important to understanding
Stripe Sessions 2021
Maximize conversion, scale globally, and introduce new revenue streams with new products from Stripe.
Building Waiting Room on Workers and Durable Objects
Our product is specifically built for customers who experience high volumes of traffic, so we needed to run code at the edge in a highly scalable manner. Cloudflare has a great culture of building upon its own products, so we naturally thought of Workers.
How I Used the WAAPI to Build an Animation Library
The Web Animations API lets us construct animations and control their playback with JavaScript. The API opens the browser’s animation engine to developers and
The Chooser, now for iOS and Android
The five stages of an effective brainstorm
Tips from the research and marketing teams at Figma
GitHub Desktop 2.9 includes squashing, reordering, amending, and more!
The latest version of GitHub Desktop allows you to squash commits, squash and merge, reorder, amend your last commit, check out a branch from a previous commit, and more.
A Complete Guide To Accessibility Tooling — Smashing Magazine
In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered HTML Emails and SVG Generators. This time we look into different kinds of tools to help you streamline your accessibility testing process. Don’t miss the next one.
USENIX LISA2021 BPF Internals (eBPF)
Enable secure access to applications with Cloudflare WAF and Azure Active Directory
Cloudflare and Microsoft Azure Active Directory have partnered to provide an integration specifically for web applications using Azure Active Directory B2C
Network hose: Managing uncertain network demand with model simplicity
Our production backbone network connects our data centers and delivers content to our users. The network supports a vast number of different services, distributed across a multitude of data centers. Traffic patterns shift over time from one data center to another due to the introduction of new services, service architecture changes, changes in user behavior, […]
Querying Strategies for GraphQL Clients - Shopify
As more clients rely on GraphQL to query data, we witness performance and scalability issues emerging. We share some query strategies for GraphQL at scale.
Spinning Up Multiple WordPress Sites Locally With DevKinsta — Smashing Magazine
When developing themes and plugins for WordPress, we need to test them in different environments. How can we create multiple testing sites on our computer, quickly and easily, without having to become a sysadmin? If our themes and plugins contain custom blocks, testing them for all different versions is imperative. At the very minimum, we need to worry about two versions of Gutenberg: the one ship
Smashing Podcast Episode 39 With Addy Osmani: Image Optimization — Smashing Magazine
In this episode of the Smashing Podcast, we’re talking about image optimization. What steps should we follow for performant images in 2021? We talk to expert Addy Osmani to find out.
Securing Your Website With Subresource Integrity
When you load a file from an external server, you’re trusting that the content you request is what you expect it to be. Since you don’t manage the server
Collaborating and connecting in FigJam
How our team celebrates and syncs in the file
When CSS Isn’t Enough: JavaScript Requirements For Accessible Components — Smashing Magazine
Spoiler alert: tooltips, modals, tabs, carousels, and dropdown menus are some of the user interface components that require more than CSS. To ensure accessibility of your interface, JavaScript is a necessary addition to accomplish focus management, respond to keyboard events, and toggle ARIA attributes.
Interconnect Anywhere — Reach Cloudflare’s network from 1,600+ locations
Today, Cloudflare is excited to announce a new wave of interconnection points and partners that quadruples our interconnectivity.
The Possibilities of Syndication
That's the one word that isn't an adjective in the acronym RSS.
Safari 15: New UI, Theme Colors, and... a CSS-Tricks Cameo!
There's a 33-minute video (and resources) over on apple.com covering the upcoming Safari changes we saw in the WWDC keynote this year in much more detail.
Adding Shadows to SVG Icons With CSS and SVG Filters
Why would we need to apply shadows to SVG?
Web Design Done Well: Making Use Of Audio — Smashing Magazine
Design often revolves around visuals, but the other senses deserve love too. In this article, we tune in to audio features that are making sites sing. Most of us have had the misfortune of crossing bad examples (auto-playing videos being a particularly egregious example) but audio can give web experiences a whole new dimension when applied well. What follows are some astounding sounds from the Wor
Introducing Zero Trust Private Networking
Starting today, you can build identity-aware, Zero Trust network policies using Cloudflare for Teams.
Equal Columns With Flexbox: It’s More Complicated Than You Might Think
As awesome as flexbox is, what it’s doing under the hood is actually a little strange because, by default, it is doing two things at once. It first looks at the content size which is what we would get if by declaring width: max-content on an element. But on top of that, flex-shrink is also doing some work allowing the items to be smaller, but only if needed. Let’s break those two down and see how
Data warehousing: Making use of synchronized seq scans
Did you know PostgreSQL has the ability to synchronize sequential scans? If you are running data warehouses, you might have already used it without knowing.
Blacktocats turn five
What began as a small group effort in 2015 has now turned into a global initiative here at GitHub to amplify Black voices and talent in the tech community.
What’s new from GitHub Changelog? May 2021 Recap
In May, GitHub shipped a total of 20 new features. We love what we do, but we know it’s a lot to keep up with. So we’re trying something new on the GitHub Blog—a monthly recap of everything that shipped to Changelog in the past month. Check out some of the updates you might have missed.
Privilege escalation with polkit: How to get root on Linux with a seven-year-old bug
polkit is a system service installed by default on many Linux distributions. It’s used by systemd, so any Linux distribution that uses systemd also uses polkit.
Deleting the Undeletable: Managing PII at Shopify - Shopify
Building Shopify’s schematization platform for managing Personally Identifiable Information (PII) within our data warehouse.
Useful Front-End Boilerplates And Starter Kits — Smashing Magazine
We don’t need to write everything from scratch every single time. With boilerplates and starter kits, we can set up our projects faster, and get to work immediately. We’ve also just recently covered CSS auditing tools, CSS generators, accessible front-end components and VS code extensions — you might find them useful, too. This collection is by no means complete, but rather a selection of things t
Three Front-End Auditing Tools I Discovered Recently — Smashing Magazine
Building a faster website can be a rocket task these days. There are so many things to consider, so it’s challenging to get everything right. Here are some less-known tools that might help you get there.
Celebrating 7 Years of Project Galileo
Every June, we celebrate the anniversary of Project Galileo. This year, we are proud to celebrate seven years of protecting the most vulnerable groups on the Internet from cyberattacks.
A Cornucopia of Container Queries
I don't know about y'all, but my feeds have been flooded with articles about CSS Container Queries these past few weeks. The buzz about container queries
Meet :has, A Native CSS Parent Selector (And More) — Smashing Magazine
What makes relational selector one of the most requested features and how are we, as developers, working around not having it? In this article, we’re going to check the early spec of the :has selector, and see how it should improve the CSS workflow once it’s released.
Managing SCA enforcement changes in Europe
Stripe’s SCA engine helps European businesses meet requirements and maximize conversion.
Modify HTTP request headers with Transform Rules
HTTP request headers can now be modified with Cloudflare Transform Rules.
Looking at WCAG 2.5.5 for Better Target Sizes
Have you ever experienced the frustration of trying to tap a button on a mobile device only to have it do nothing because the target size is just not large
CSS-Trickz: An Experiment with Netlify's On-Demand Builders
WordPress sites have an API by default. Wanna see this site's most recent posts, with just a specific set of data... in JSON format? Here ya go. Alex Riviere
Inside Figma: How our product management team uses FigJam
Templates for you and your team to get started with everything from brainstorms to retrospectives.
Securing the open source supply chain by scanning for package registry credentials
GitHub secret scanning has been securing our users’ code by scanning for and revoking secrets since 2015. Recently, we’ve focused on scanning for package registry credentials as well—a significant and…
Sponsored Post: Pinecone, Kinsta, Bridgecrew, IP2Location, StackHawk, InterviewCamp.io, Educative, Stream, Fauna, Triplebyte - High Scalability -
Who's Hiring? * DevOps Engineer: At Kinsta, we set out to create the best managed hosting platform in the world. If you are an experienced DevOps Engineer who is constantly looking for ways to innovate and improve, we might just be the place for you! As Kinsta’s DevOps Engineer, you will be instrumental in making sure that our infrastructure is always on the bleeding edge of technology, remaining
Linux Kernel vs. Memory Fragmentation (Part I) - High Scalability -
(External) memory fragmentation is a long-standing Linux kernel programming issue. As the system runs, it assigns various tasks to memory pages. Over time, memory gets fragmented, and eventually, a busy system that is up for a long time may have only a few contiguous physical pages. Because the Linux kernel supports virtual memory management, physical memory fragmentation is often not an issue. Wi
Reasons why bugs might feel "impossible"
Reasons why bugs might feel "impossible"
From AVIF to WebP: A New Smashing Book By Addy Osmani — Smashing Magazine
It’s here! For the last year, we’ve been working with Addy Osmani on a new Smashing Book all around image optimization. And now it’s here. Meet “Image Optimization”, our deep-dive guide to understand how to deliver high-quality images on the web fast. 528 pages. From formats and compression to delivery and maintenance. Get the book right away!
Some Articles About Accessibility I’ve Saved Recently II
Show/Hide password accessibility and password hints tutorial — Nicolas Steenhout goes deep on <input type="password"> accessibility. For one thing,
VS Code Extensions for HTML
Let's look at some extensions for VS Code that make writing and editing HTML (and languages that are basically HTML with extra powers) better. You may not
How To Build A Geocoding App In Vue.js Using Mapbox — Smashing Magazine
In this guide, Prince Chukwudire will show you how to build a simple geocoding app from scratch, using Vue.js and Mapbox. He’ll cover the process from building the front-end scaffolding up to building a geocoder to handle forward geocoding and reverse geocoding. To get the most out of this guide, you’ll need a basic understanding of JavaScript and Vue.js and how to make API calls.
How to use React Context effectively
How to create and expose React Context providers and consumers
An Unbelievable Demo
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.