Open collaboration on COVID-19
Explore some impactful open source projects being created by teams around the world in response to COVID-19.
Announcing Smashing Online Workshops — Smashing Magazine
With so many people — including our workshop leaders — working from home, we thought we would bring our Smashing workshops from our home offices to yours. We hope we can help you continue to learn and interact with the speakers and each other, and also help out our workshop leaders who are losing income by being unable to run their workshops in person right now.
Inspired Design Decisions With Otto Storch: When Idea, Copy, Art And Typography Became Inseparable — Smashing Magazine
In this seventh instalment of Inspired Design Decisions, Andy Clarke will explore how American art director and graphic designer Otto Storch inspires his designs for the web. How do we use CSS Shapes to go beyond basic shapes to add energy to our designs? How do we use rotations on text for extra impact? How can we use mirroring and reflections to add interest to a design? In this article, we’ll e
New Git Integration Settings
Thanks to an overhauled UI, managing the Git connection of a project or an entire account is easier than ever.
Highlights from Git 2.26
Take a look at some of the new features in the latest Git release.
GitHub Action Hero: Shohei Ueda
We spoke with our latest GitHub Action Hero, Shohei Ueda, about the story behind Hugo setup, mdbook Action, and a few other projects.
How to test custom React hooks
Get confidence your custom React hooks work properly with solid tests.
Adding the Fallback Pool to the Load Balancing UI and other significant UI enhancements
The Cloudflare Load Balancer was introduced over three years ago to provide our customers with a powerful, easy to use tool to intelligently route traffic to their origins across the world.
The Serverlist: Workers Secrets, Serverless Supremacy, and more!
Check out our thirteenth edition of The Serverlist below. Get the latest scoop on the serverless space, get your hands dirty with new developer tutorials, engage in conversations with other serverless developers, and find upcoming meetups and conferences to attend.
Remote Work Isn’t Just Video Conferencing: How We Built CloudflareTV
At Cloudflare, we produce all types of video content, ranging from recordings of our Weekly All-hands to product demos. Being able to stream video on demand has two major advantages when compared to live video.
Client-Side Image Editing on Mobile
Michael Scharnagl:
CSS2JS
To add inline styles on an element in JSX, you have to do it in this object syntax, like:
Creating Sortable Tables With React — Smashing Magazine
Making your tables sortable in React might sound like a daunting task, but it doesn’t have to be too difficult. In this article, Kristofer Giltvedt Selbbekk is going to show you how to implement all you need to sort out all of your table sorting needs. By the end of this tutorial, you will have found a way to model your state, wrote a generic sorting function, and wrote a way to update what our so
Using Cloudflare Gateway to Stay Productive (and turn off distractions) While Working Remotely
This week, like most of you reading this article, I am working from home. I don’t know about you, but I’ve found it hard to stay focused when the Internet is full of news related to Coronavirus.
Keepalives considered harmful
You’d think keepalives would always be helpful, but turns out reality isn’t always what you expect it to be. It really helps if you read Why does one NGINX worker take all the load? first.
React Suspense in Practice
This post is about understanding how Suspense works, what it does, and seeing how it can integrate into a real web app. We'll look at how to integrate routing
How to do effective video calls
Get good audio, use gallery view, mute if not talking, and welcome the cat.
Getting to know the #NewYearNewPack winners
#NewYearNewPack winner Frank Matranga shares how the Pack helped him bring his open-source student planner to life.
A Practical Overview Of CSS Houdini — Smashing Magazine
Houdini, an umbrella term for the collection of browser APIs, aims to bring significant improvements to the web development process and the development of CSS standards in general. Frontend developers will be able to extend the CSS with new features using JavaScript, hook into CSS rendering engine and tell the browser how to apply CSS during a render process. Houdini’s browser support is improving
The problem with thread^W event loops
Back when Cloudflare was created, the dominant HTTP server used to power websites was Apache httpd. However, we decided to build our infrastructure using the then relatively new NGINX server.
Playing With Particles Using the Web Animations API
When it comes to motion and animations, there is probably nothing I love more than particles. This is why every time I explore new technologies I always end
What Does `playsinline` Mean in Web Video?
I got myself confused about this the other day, went around searching for an answer and came up empty on finding something clear. The answer actually is quite
Flexbox and absolute positioning
Chen Hui Jing notes that when you absolutely position a flex item, it's no longer part of the flex layout. Except... it kinda is a little bit. If you make the
On working with designers
Set up your digital classroom with GitHub Classroom
Many teachers are moving to virtual solutions for managing student assignments, projects, and grading. Join webinars hosted by GitHub Education Experts to share how teachers can manage and organize their class with GitHub Classroom.
CERT partners with GitHub Security Lab for automated remediation
Learn more about how we found ways to scale our vulnerability hunting efforts and empower others to do the same. In this post, we’ll take a deep-dive in the remediation of a security vulnerability with CERT.
Building a more accurate time service at Facebook scale
UPDATE: To continue our support of this public NTP service, we have open-sourced our collection of NTP libraries on GitHub. Almost all of the billions of devices connected to the internet have onboard clocks, which need to be accurate to properly perform their functions. Many clocks contain inaccurate internal oscillators, which can cause seconds of […]
How Should Designers Learn To Code? The Terminal And Text Editors (Part 1) — Smashing Magazine
For the purpose of this two-part series of articles, we’re going to assume the answer for “Should designers code?” is “It depends.” If you’ve started and never finished courses in some online coding school — or if you’ve finished the courses but found it difficult to apply this style of learning in your day-to-day work, these two articles will provide a few different learning methods and will high
On the shoulders of giants: recent changes in Internet traffic
As the COVID-19 emergency continues and an increasing number of cities and countries are establishing quarantines or cordons sanitaire, the Internet has become, for many, the primary method to keep in touch with their friends and families.
Tools for Optimizing SVG
This is our straight-to-the-point list of SVG optimizing tools across a number of categories. They are all largely based around SVGO, but how you use it depends. There are web apps, desktop apps, apis, and even design tool add-ons.
WooCommerce 4.0 & WooCommerce Payments Beta
Y'all know WooCommerce: it's a plugin for WordPress that adds robust eCommerce functionality to your site. Notably, like WordPress itself, it's open-source
Improve student success and increase teacher time with autograding
Learn more about autograding and how it provides students with immediate feedback they can apply before an assignment is due.
GitHub for mobile is now available
Learn more about GitHub for mobile—including highlights of its core features and how to get started.
Post: Fauna, Sisu, Educative, PA File Sight, Etleap, Triplebyte, Stream - High Scalability -
Who's Hiring? * Sisu Data is looking for machine learning engineers who are eager to deliver their features end-to-end, from Jupyter notebook to production, and provide actionable insights to businesses based on their first-party, streaming, and structured relational data. Apply here. * Triplebyte lets exceptional software engineers skip screening steps at hundreds of top tech companies like Apple
How Indigo.Design Usability Testing Takes The Guesswork Out Of Web Design — Smashing Magazine
There isn’t a ton of mystery when it comes to what makes for an attractive and modern-looking design these days. What’s not always clear, however, is the usability aspect of it. In other words, have the pathways you’ve designed for users intuitive enough? The truth is, it’s all really just a guessing game unless you start getting user feedback early on. Thankfully, Indigo.Design has a usability te
Announcing Network Analytics
Back in March 2019, we released Firewall Analytics which provides insights into HTTP security events across all of Cloudflare's protection suite; Firewall rule matches, HTTP DDoS Attacks, Site Security Level which harnesses Cloudflare's threat intelligence, and more.
npm is joining GitHub
We’re excited to announce that npm will be joining GitHub.
Enhancing our COVID-19 response to care for our community and team
We’ve taken further steps to ensure that our people can be safe and productive wherever they are, and that our community’s home on GitHub remains reliable and resilient.
Becoming a Software Developer Without a CS Degree
A look at how hundreds of developers got their start in the industry despite not having a Computer Science or Software Engineering degree. We'll sort responses into 6 categories, and detail strategies that you can use to ensure you capture the attention of potential employers!
React Production Performance Monitoring
How to set up performance monitoring for production React applications.
Implementing Infinite Scroll And Image Lazy Loading In React — Smashing Magazine
HTML is getting better at providing nice APIs for implementing cool features. In this tutorial, Chidi Orji is going to show you how to use the `HTML` `Intersection Observer` API to implement infinite scrolling and image lazy loading in a React functional component. In the process, we’ll learn how to use some of React’s hooks and how to create Custom Hooks. Let’s get started!
Using the HTML title attribute
Steve Faulkner:
Getting started with shaders: signed distance functions!
Getting started with shaders: signed distance functions!
COVID-19 impacts on Internet traffic: Seattle, Northern Italy and South Korea
The last few weeks have seen unprecedented changes in how people live and work around the world. Over time more and more companies have given their employees the right to work from home, restricted business travel and, in some cases, outright sent their entire workforce home.
Cloudflare's COVID-19 FAQs
As the status of COVID-19 continues to impact people and businesses around the world, Cloudflare is committed to providing awareness and transparency to our customers, employees, and partners.
"weeds of specificity"
Lara Schenck:
Get Started Building GraphQL APIs With Node
We all have a number of interests and passions. For example, I’m interested in JavaScript, 90’s indie rock and hip hop, obscure jazz, the city of Pittsburgh,
Coping with Covid-19, part 2
A second post on how Thoughtworks is coping with the Coronavirus Disease 2019 (Covid-19) outbreak
Stuff The Internet Says On Scalability For March 13th, 2020 - High Scalability -
Hey, it's HighScalability time! The top 10,000 most spoken words in English represented by a point in hundreds of dimensions where the distance and direction between points encodes the relationship between words. (roadmaps) Do you like this sort of Stuff? Without your support on Patreon this kind of Stuff can't happen. You are that important to the fate of the intelligent world. Know someone who w
Stay Calm And Read Smashing Magazine — Smashing Magazine
It’s that time of the month! Join us as we share the latest news and highlight the things we’ve been working on and have also enjoyed reading over the past month. It’s nice to have an overview of the most important things in one place, but do feel free to follow us on Twitter, Facebook, LinkedIn and subscribe to our RSS feed as well as our bi-weekly newsletter. We like helping you stay on top of t
Protect your team with Cloudflare Gateway
Announcing Cloudflare for Teams, a new way to protect organizations and their employees, without sacrificing performance. Cloudflare for Teams centers around Cloudflare Access and Cloudflare Gateway.
Cloudflare During the Coronavirus Emergency
We know that organizations and individuals around the world depend on Cloudflare and our network. I wanted to send you a personal note to let you know how Cloudflare is dealing with the Coronavirus emergency.
Programming Sass to Create Accessible Color Combinations
We are always looking to make the web more accessible. Color contrast is just math, so Sass can help cover edge cases that designers might have missed.
Two Steps Forward, One Step Back
Brent Jackson says CSS utility libraries failed somewhat:
Dropbox Paper: Emojis and Exformation
Welcome Guido!
Using the Dropbox API from Haskell
A Python Optimization Anecdote
Building Carousel, Part I: How we made our networked mobile app feel fast and local
