How a hypothetical learning project might evolve
Raking the floods: my intern project using eBPF
SYN-cookies help mitigating SYN-floods for TCP, but how can we protect services from similar attacks that use UDP? We designed an algorithm and a library to fill this gap, and it’s open source!
Enforcing performance budgets with webpack
As you probably know, a single monolithic JavaScript bundle — once a best practice — is no longer the way to go for modern web applications. Research has
Join us for OctogatosConf
A free two-day single track conference live on September 24 – 25, 2020 in celebration of our culture and LatinX heritage month. You will join a live stream of interactive talks by industry experts in both Spanish, Portuguese and English, with live captioning and translation. Topics will include software development, security, technical project management, civic tech, open source, professional deve
Sponsored Post: IP2Location, Ipdata, StackHawk, InterviewCamp.io, Educative, Triplebyte, Stream, Fauna - High Scalability -
Who's Hiring? * InterviewCamp.io has hours of system design content. They also do live system design discussions every week. They break down interview prep into fundamental building blocks. Try out their platform. * Triplebyte lets exceptional software engineers skip screening steps at hundreds of top tech companies like Apple, Dropbox, Mixpanel, and Instacart. Make your job search O(1), not O(n).
Stuff The Internet Says On Scalability For Sep 18th, 2020 - High Scalability -
Hey, it's HighScalability time! I can't wait for the duel. Just don't shoot into the air. Do you like this sort of Stuff? Without your support on Patreon this kind of Stuff won't happen. Know someone who could benefit from becoming one with the cloud? Of course you do. I wrote Explain the Cloud Like I'm 10 just for them. On Amazon it has 167 mostly 5 star reviews. Here's a 100% lectin-free review:
SmashingConfs, Inspiring Talks And Birthday Cake — Smashing Magazine
There’s a lot of information out there — that’s a fact. In these monthly editions, Smashing’s senior editor Iris brings it all in one place because we know how hard it can be to stay on top of things. So with no further ado, here’s what was, what is, and what will be!
Cloudflare’s Always Online and the Internet Archive Team Up to Fight Origin Errors
Today is exciting for all those who want the Internet to be stronger, more resilient, and have important redundancies: Cloudflare is pleased to announce a partnership with the Internet Archive to bring new functionality to our Always Online service.
Optimizing CSS for faster page loads
A straightforward post with some perf data from Tomas Pustelnik. It's a good reminder that CSS is a crucial part of thinking web performance, and for a huge
Changing Emoji Skin Tones Programmatically
So, you know how many emoji have different skin tones? Emoji skin tones are extremely popular, especially over text and on social media. The raised black fist
Embracing the tension between code and design
New features that bring the best of both worlds to design systems in Figma
GitHub Action Hero: Stefan Zweifel and “git-auto-commit”
GitHub Actions gives you the power to automate your workflow. Connect with the tools you know and love. Have more freedom to innovate and be creative. Deploy to any cloud,…
We are excited to announce our next event for Latin America, GitHub ¡Presente! In Spanish
Lee este artículo en español Estamos muy entusiasmados en anunciar nuestro siguiente evento virtual en América Latina: GitHub ¡Presente! en Español El primer evento será el Martes 22 de Septiembre…
GitHub CLI 1.0 is now available
GitHub CLI brings GitHub to your terminal. It reduces context switching, helps you focus, and enables you to more easily script and create your own workflows. Earlier this year, we…
Comparing Styling Methods In Next.js — Smashing Magazine
Among others, [Next.js](https://nextjs.org) has dubbed itself: *The React Framework for Static Websites*. But just like every other framework whose goal is to help you build what matters by abstracting common, redundant tasks, you’re often required to learn something new and opinionated. With Next.js, one of the things you need to know is how to integrate different CSS methods with its API, and th
Moobot vs. Gatebot: Cloudflare Automatically Blocks Botnet DDoS Attack Topping At 654 Gbps
On July 3, Cloudflare’s global DDoS protection system, Gatebot, automatically detected and mitigated a UDP-based DDoS attack that peaked at 654 Gbps. The attack was part of a ten-day multi-vector DDoS campaign targeting a Magic Transit customer and was mitigated without any human intervention.
Weaved Webs
There is a bit of an irony with Jamstack.
HOT updates in PostgreSQL for better performance
HOT updates (Heap Only Tuple) boost PostgreSQL DML performance. This article explains the concept, shows examples and gives tuning advice.
On pitching and presenting
How to create and deliver a great presentation
Ensure your neighbors have the right to vote: A software engineer volunteers at his local elections office
This post is the second in a series on access and the U.S. elections. Hear from Software Engineer and GitHub Senior Director of Strategic Programs, Kyle Daigle, on his experience volunteering at his local election office.
Under Deconstruction: The State of Shopify’s Monolith - Shopify
It’s been 18 months since we talked about our Rails modular monolith. We lay out the current state of the work, and things we’d do differently if we started again.
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.
Latest SBA phishing attempt: stealthy social engineering phish using newly registered domains attempts to gain bank details
Area 1 blocks social engineering, COVID-19 phishing emails impersonating Small Business Administration, using Newly Registered Domains, PDF attachments.
Setting up and Customizing the Ant Design System in a Nuxt App
I don’t typically work with UI libraries because they can be cumbersome and hard to override, which can contribute to a bloated. However, Ant Design has
Generating a normal distribution in SQL
SQL and PostgreSQL can be used to create sample data which possesses certain statistical properties like a normal distribution.
Tophatting in React Native - Shopify
To provide a more convenient and painless experience, we built a tool enabling React Native developers to quickly load their peer’s work within seconds.
How To Build A Blog With Next And MDX — Smashing Magazine
In this guide, Ibrahima Ndaw will be looking at Next.js, a popular React framework that offers a great developer experience and ships with all of the features you need for production. We will also build a blog, step by step, using Next.js and MDX. Finally, we’ll cover why you would opt for Next.js instead of “vanilla” React and alternatives such as Gatsby.
Jetpack 8.9: Take Donations, Capture Email Subscribers, AMP integration, and More
Jetpack 8.9 shipped on September 1 and it shows why the plugin continues to be the premier way to take a WordPress site from good to holy smokes! Several new
AVIF has landed
Everybody is talking about AVIF today because of Jake's blog post. As the say, I was today years old when I learned AVIF was a thing. But thanks to web
One Action, Multiple Terminal Windows Running Stuff
Many development environments require running things in a terminal window. npm run start, or whatever. I know my biggest project requires me to be running a
Fault tolerance through optimal workload placement
As our infrastructure has expanded, we have seen an exponential growth in failures that affect a subset of capacity in a data center. These may stem from software or firmware errors, or issues in the mechanical or electrical equipment in the data center. As our data center footprint grows, so does the frequency of such […]
Designing With Reduced Motion For Motion Sensitivities — Smashing Magazine
Thanks to the wide support of the prefers-reduced-motion-media feature, we now have more advanced ways to design motion that can be creative and innovative while also being safer for those with motion sensitivities.
Smashing Podcast Episode 24 With Cassie Evans: What Is SVG Animation? — Smashing Magazine
We’re talking about SVG Animation. How can vector images, JavaScript and CSS all work together to provide engaging motion graphics? Drew McLellan talks to SVG expert Cassie Evans to find out.
Working with JavaScript Media Queries
What’s the first thing that comes to mind when you think of media queries? Maybe something in a CSS file that looks like this:
All the Ways to Make a Web Component
This is a neat page that compares a ton of different libraries with web components. One of the things I learned after posting "A Bit on Web Components
Import Non-ESM libraries in ES Modules, with Client-Side Vanilla JS
We're living through a weird era where there are tons of JavaScript libraries that were meant to be used as <script> tags that expose available globals.