Building agents with OpenAI and Cloudflare’s Agents SDK
We’re building AI agents where logic and reasoning are handled by OpenAI’s Agents SDK, and execution happens across Cloudflare's global network via Cloudflare’s Agents SDK.
Poking at the CSS if() Function a Little More: Conditional Color Theming
The CSS if() function enables us to use values conditionally, but what exactly does if() do? Let's look at a possible real-world use case.
Canvas, meet code: Building Figma’s code layers
What if you could design and build on the same canvas? Here's how we created code layers to bring design and code together.
From pair to peer programmer: Our vision for agentic workflows in GitHub Copilot
AI agents in GitHub Copilot don’t just assist developers but actively solve problems through multi-step reasoning and execution. Here’s what that means.
Can Good UX Protect Older Users From Digital Scams? — Smashing Magazine
As online scams become more sophisticated, Carrie Webster explores whether good UX can serve as a frontline defense, particularly for non-tech-savvy older users navigating today’s digital world.
Introducing BotID, invisible bot filtering for critical routes
BotID is a new invisible CAPTCHA layer of protection that stops sophisticated bots before they reach your backend. It's built to secure critical routes like checkouts, logins, and signups or actions that trigger expensive calls like LLM-powered APIs.
Containers are available in public beta for simple, global, and programmable compute
Cloudflare Containers are now available in public beta. Deploy simple, global, and programmable containers alongside your Workers.
In good company: How agencies are transforming client collaboration
To take creativity to new heights, agencies and freelancers are breaking down traditional boundaries and using tools like Figma to partner with their clients every step of the way.
LLMs bring new nature of abstraction
Why developer expertise matters more than ever in the age of AI
AI can help you code faster, but knowing why the code works—and sharpening your human-in-the-loop skills—is what makes you a great developer.
Calculating rollovers
WPP and Vercel: Bringing AI to the creative process
Announcing an expansion of our partnership with WPP, a first-of-its-kind agency collaboration that now brings v0 and AI SDK directly to WPP's global network of creative teams and their clients.
Decoding The SVG path Element: Curve And Arc Commands — Smashing Magazine
On her quest to teach you how to code vectors by hand, Myriam Frisano’s second installment of a `path` deep dive explores the most complex aspects of SVG’s most powerful element. She’ll help you understand the underlying rules and function of how curves and arcs are constructed. By the end of it, your toolkit is ready to tackle all types of tasks required to draw with code — even if some of the li
The Future of React Native Graphics: WebGPU, Skia, and Beyond (2025) - Shopify
In the last three years, React Native Skia has established itself as the go-to solution for 2D graphics on React Native. And we are seeing many users pushing the boundaries of what can be done with the library.
Meet Accessible UX Research, A Brand-New Smashing Book — Smashing Magazine
Meet “Accessible UX Research,” our upcoming book to make your UX research inclusive. Learn how to recruit, plan, and design with disabled participants in mind. Print edition shipping starting February 2026. eBook now available for download. Pre-order the book.
Everything you need to know about NIST’s new guidance in “SP 1800-35: Implementing a Zero Trust Architecture”
We read NIST’s new guidance on “Implementing a Zero-Trust Architecture” so that you don’t have to. Read this to get the key points on the newly-released NIST Special Publication 1800-35.
Defending the Internet: How Cloudflare blocked a monumental 7.3 Tbps DDoS attack
In mid-May 2025, blocked the largest DDoS attack ever recorded: a staggering 7.3 terabits per second (Tbps).
CSS Color Functions
CSS has a number of functions that can be used to set, translate, and manipulate colors. Learn what they are and how they are used with a bunch of examples to get you started.
CSS Cascade Layers Vs. BEM Vs. Utility Classes: Specificity Control — Smashing Magazine
CSS can be unpredictable — and specificity is often the culprit. Victor Ayomipo breaks down how and why your styles might not behave as expected, and why understanding specificity is better than relying on `!important`.
Connect any React application to an MCP server in three lines of code
We're open-sourcing use-mcp, a React library that connects to any MCP server in just 3 lines of code, as well as our AI Playground, a complete chat interface that can connect to remote MCP servers.
Cloudflare Log Explorer is now GA, providing native observability and forensics
We are happy to announce the General Availability of Cloudflare Log Explorer, a powerful product designed to bring observability and forensics capabilities directly into your Cloudflare dashboard.
7 moments that shaped Figma, as told by Dylan Field
In “How I Built This” with Guy Raz, Figma CEO and Co-founder Dylan Field charts the surprising milestones in both his personal and professional journey.
The DeepSeek Series: A Technical Overview
The appearance of DeepSeek Large-Language Models has caused a lot of discussion and angst since their latest versions appeared at the beginning of 2025. But much of the value of DeepSeek's work comes from the papers they have published over the last year. This article provides an overview of these papers, highlighting three main arcs in this research: a focus on improving cost and memory efficienc
GitHub Copilot Spaces: Bring the right context to every suggestion
Learn how to build your first space in minutes and customize Copilot to match your team’s unique coding style and workflows.
Introducing Roast: Structured AI workflows made easy (2025) - Shopify
Roast is a convention-oriented workflow orchestration framework designed specifically for creating structured AI workflows that interleave AI prompting with normal non-AI execution. It provides a declarative approach primarily using YAML configuration and markdown prompts, giving AI agents the guardrails they need to solve developer productivity problems at scale.
How to Keep Up With New CSS Features
How do you stay informed of new CSS features when the language evolves quickly and information is spread all around the web? Sacha Greif has some tips from his work running an annual survey focused on new CSS features.
Welcoming Payload to the Figma team
We're thrilled to announce that the team behind Payload, a leading open-source headless content management system (CMS) and application framework, has joined Figma.
Make your site interactive with code layers
Today we’re launching code layers—a new way to build custom interactions in Figma Sites.
5 tips for using GitHub Copilot with issues to boost your productivity
Reduce context-switching, minimize manual work, and accelerate resolution times with these new AI-powered features.
A Better API for the Resize Observer
ResizeObserver, MutationObserver, and IntersectionObserver enhance performance over their predecessors. Zell discusses their API similarities, usage steps, refactoring strategies, and advantages with practical examples.
Highlights from Git 2.50
The open source Git project just released Git 2.50. Here is GitHub’s look at some of the most interesting features and changes introduced since last time.
What I Wish Someone Told Me When I Was Getting Into ARIA — Smashing Magazine
[Accessible Rich Internet Applications (ARIA)](https://www.w3.org/WAI/standards-guidelines/aria/) is an inevitability when working on web accessibility. That said, it’s everyone’s first time learning about ARIA at some point.
Tray.ai cut build times from a day to minutes with Vercel
Cloudflare service outage June 12, 2025
Today, June 12, 2025, Cloudflare suffered a significant service outage that affected a large set of our critical services, including Workers KV, WARP, Access, Gateway, Images, Stream, Workers AI, Turnstile and Challenges, AutoRAG, and parts of the Cloudflare Dashboard.
Celebrating 11 years of Project Galileo’s global impact
June 2025 marks the 11th anniversary of Project Galileo, Cloudflare’s effort to protect vulnerable public interest organizations from cyber threats. To celebrate, we’re sharing a new Radar report, expanding in Asia with two new partners, and highlighting stories from organizations on the front lines.
Breaking Boundaries: Building a Tangram Puzzle With (S)CSS
We put it to the test and it turns out Sass can replace JavaScript, at least when it comes to low-level logic and puzzle behavior. With nothing but maps, mixins, functions, and a whole lot of math, we managed to bring our Tangram puzzle to life, no JavaScript required.
What they’re not teaching in design class—and what you can do about it
With so many design programs lacking in business fundamentals, these Figma Campus Leaders argue that students should go extracurricular.
How the GitHub billing team uses the coding agent in GitHub Copilot to continuously burn down technical debt
Tech debt is a big problem that no one has time to solve. GitHub Copilot coding agent can help.
Introducing the commerce payments protocol (2025) - Shopify
Learn how we partnered with Coinbase to bring payments onchain at scale with a new smart contract protocol to meet the complex requirements of commerce.
We shipped FinalizationRegistry in Workers: why you should never use it
Cloudflare Workers now support FinalizationRegistry, but just because you can use it doesn’t mean you should. Dive into the tricky world of JavaScript and WebAssembly memory management and see why newer features make life a lot easier.
Issue no.11: Made with love
Figma’s editorial newsletter about how products take shape—and shape our world.
GitHub Availability Report: May 2025
In May, we experienced three incidents that resulted in degraded performance across GitHub services.
Suppressions of Suppressions
I heard you like linting.
I'm Doing a Little Consulting
Personal update post.
Creating The “Moving Highlight” Navigation Bar With JavaScript And CSS — Smashing Magazine
In this tutorial, Blake Lundquist walks us through two methods of creating the “moving-highlight” navigation pattern using only plain JavaScript and CSS. The first technique uses the `getBoundingClientRect` method to explicitly animate the border between navigation bar items when they are clicked. The second approach achieves the same functionality using the new View Transition API.
Designing and building the Vercel Ship conference platform
Here's how we designed and built our Vercel Ship conference platform. We generated 15,000+ images and videos with tools like Flux, Veo 2, Runway, and Ideogram. Then, we moved to v0 for prototyping. See our iterations, examples, tech stack, and more.
8 essential tips for using Figma Make
We share our team’s favorite prompts, pro tips, and best practices for using Figma Make.
How GitHub engineers tackle platform problems
Our best practices for quickly identifying, resolving, and preventing issues at scale.
Partial Keyframes
CSS Keyframe animations are so much more powerful than most developers realize. In this tutorial, I’ll show you something that completely blew my mind, a technique that makes our keyframe animations so much more reusable and dynamic! 🤯
Using `make` to compile C programs (for non-C-programmers)
Creating an Auto-Closing Notification With an HTML Popover
The HTML popover attribute transforms elements into top-layer elements that can be opened and closed with a button or JavaScript. Popovers can be dismissed a number of ways, but there is no option to auto-close them. Preethi has a technique you can use.
Bill Atkinson’s 10 rules for making interfaces more human
We commemorate the Apple pioneer whose QuickDraw and HyperCard programs made the Macintosh intuitive enough for nearly anyone to use.
GitHub for Beginners: Code review and refactoring with GitHub Copilot
Learn how to use GitHub Copilot to help review and polish your code.
Decoding The SVG path Element: Line Commands — Smashing Magazine
SVG is easy — until you meet `path`. However, it’s not as confusing as it initially looks. In this first installment of a pair of articles, Myriam Frisano aims to teach you the basics of `` and its sometimes mystifying commands. With simple examples and visualizations, she’ll help you understand the easy syntax and underlying rules of SVG’s most powerful element so that by the end, you’re fully ab
Assigning and completing issues with coding agent in GitHub Copilot
Have you tried the new coding agent in GitHub Copilot? Here’s how developers are using it to work more efficiently.
Exploring the CSS contrast-color() Function… a Second Time
The contrast-color() function doesn’t check color contrast, but rather it outright resolves to either black or white (whichever one contrasts the most with your chosen color). Safari Technology Preview recently implemented it and we explore its possible uses in this article.
The State of CSS 2025 Survey is out!
The State of CSS 2025 Survey dropped a few days ago, and besides anticipating the results, it's exciting to see a lot of the new things shipped to CSS reflected in the questions.
Introducing facet: Reflection for Rust
I have long been at war against Rust compile times. Part of the solution for me was to buy my way into Apple Silicon dreamland, where builds are, like… faster. I remember every time I SSH into an x86_64 server, even the nice 64-core ones. And another part was, of course, to get dirty with Rust itself. I wrote Why is my Rust build so slow? , which goes in-depth into rust build performance, down to
Double click: What does MCP mean for agentic AI?
The sudden boom in MCP has kicked excitement about the agentic web into high gear. Is this the missing link we’ve needed between AI and all our other tools?
How to create issues and pull requests in record time on GitHub
Learn how to spin up a GitHub Issue, hand it to Copilot, and get a draft pull request in the same workflow you already know.
