Perfect Tooltips With CSS Clipping and Masking
Clipping and masking have been around for a while now in CSS and even have pretty decent browser support. I recently worked on a project that needed to use a
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.