Advanced GraphQL Usage In Gatsby Websites — Smashing Magazine
In this article, we will take a closer look at GraphQL and how we can integrate it into a Gatsby website by building and implementing advanced data sourcing and transformation in Gatsby.
Secondary DNS - Deep Dive
The goal of Cloudflare operated Secondary DNS is to allow our customers with custom DNS solutions, be it on-premise or some other DNS provider, to be able to take advantage of Cloudflare's DNS performance and more recently, through Secondary Override, our proxying and security capabilities too.
What is the Value of Browser Diversity?
In 2018, Rachel Nabors made the point that browser diversity is similar to biological ecosystem diversity. There are literal advantages to more diversity.
Form design
A very digestable guide from Geri Reid on building forms. Not the code, but the design and UX principles that should guide the code.
The Unsuspecting Beauty & Complexity of Web Forms
A form on a website may seem like a pretty trifling thing. A couple of text fields, a submit button, and you’re good to go, right? <i><span style="font-weight: 400">#lifeisgood</span></i> Wrong! Forms are beautiful and complex creatures. You must dive beneath the surface and explore all the beautiful features that can help create a truly powerful…
Designing For Attention — Smashing Magazine
We must effectively design to gain and hold users’ attention in order to have them use our digital products. In this article, Victor Yocco covers specific tactics with supporting research that are bound to help you design for attention. He also discusses the need to understand why we want to gain users’ attention as well as what our users’ needs are.
What Happens When The Whole World Goes Remote? Not To Worry, We Were Built For This
Monday Mornings with Customer Success: A monthly series brought to you by our Customer Success Team. This month's post is all about how a telemedicine provider used Cloudflare to stay connected when the world went remote.
Interaction Media Features and Their Potential (for Incorrect Assumptions)
The Media Queries Level 4 Interaction Media Features — pointer, hover, any-pointer and any-hover — are meant to allow sites to implement different styles and functionality (either CSS-specific interactivity like :hover, or JavaScript behaviors, when queried using window.matchMedia), depending on the particular characteristics of a user’s input device.
Moving HPC to the Cloud: A Guide for 2020 - High Scalability -
This is a guest post by Limor Maayan-Wainstein, a senior technical writer with 10 years of experience writing about cybersecurity, big data, cloud computing, web development, and more. High performance computing (HPC) enables you to solve complex problems which cannot be solved by regular computing. Traditionally, HPC solutions provided mainly supercomputers. Today, HPC is typically a mix of resou
The next decade: How Facebook is stepping up the fight against climate change
In 2018, we set an ambitious goal of achieving a 75 percent absolute reduction in operational greenhouse gas (GHG) emissions and to support our global operations with 100 percent renewable energy by the end of 2020. On both counts, we are well on track: These commitments have spurred the construction of over 5,400 megawatts (MW) […]
Throughput autoscaling: Dynamic sizing for Facebook.com
Facebook’s web tier is one of the main services that handle HTTP requests from people using our services each time they interact with Facebook. It is a massive global service distributed across multiple data centers throughout the world. Since we have people from all over the world using our services, the load on the web […]
Thunderbolt 3 dock plus 2020 MacBook equals crash
Animating React Components With GreenSock — Smashing Magazine
GreenSock Animation Platform (GSAP) is a set JavaScript functions that let you tween a value/attribute/CSS property over time and insert these tweens into a timeline for more complex animations. In this article, Blessing explains how GSAP plays well with the React library by integrating its functions into a React component in building an example landing page with a variety of animations.
Add Watermarks to your Cloudflare Stream Video Uploads
The Watermark API lets you add a watermark to a video at the time of uploading. It consists of two new features to the Stream API.
Smashing Magazine Is Fourteen!
This week we celebrate the 14th birthday of Smashing Magazine. We didn’t quite have the year that we planned though! I took a look back at some memories from this year and previous years — with the help of the team and some Smashing friends.
An Introduction To Running Lighthouse Programmatically — Smashing Magazine
Being able to run Google’s Lighthouse analysis suite programmatically provides a lot of advantages, especially for larger or more complex web applications. Using Lighthouse programmatically allows engineers to set up quality monitoring for sites that need more customization than straightforward applications of Lighthouse (such as Lighthouse CI) allow. This article contains a brief introduction to
Migrating cdnjs to serverless with Workers KV
Cloudflare powers cdnjs, an open-source project that delivers popular JavaScript libraries to over 11% of websites. Today, we are excited to announce its migration to a serverless infrastructure using Cloudflare Workers and its distributed key-value store Workers KV!
Modifying Specific Letters with CSS and JavaScript
Changing specific characters can be a challenge in CSS. In this article, we'll explore several ways to modify specific letters using CSS and JavaScript.
Defining "View Source"
Last time there was a little flurry of activity around the concept of "View Source," I did get the sense that not everyone was on the same page about what
Announcing the GitHub integration with Microsoft Teams
Announcing the public beta of our new integration between GitHub and Microsoft Teams.
Remote Education: A series of best practices for online campus communities
Remote Education explores the challenges of organizing student communities and events online. We’ll be speaking with event organizers and community leaders in the industry and academics every week to help…
Get Up And Running With Craft CMS — Smashing Magazine
Choosing what CMS to use in your next development project is a critical decision for any business, large or small. In this guide, Jonathan Kelley is going to run through the potential of Craft CMS, setting up a local environment and creating a basic cat blog with an API endpoint to accompany it. It’s a perfect jumping off point for anyone looking to expand from their current CMS system, or make th
How prebuilt checkout pages maximize efficiency
Prebuilt payment pages save engineering hours and increase revenue. Learn more about the benefits of utilizing a prebuilt checkout page.
Unimog - Cloudflare’s edge load balancer
Unimog is the Layer 4 Load Balancer for Cloudflare’s edge data centers. This post explains the problems it solves and how it works.
