New Live Workshops On Front-End & UX — Smashing Magazine
Meet our new workshops on front-end and UX — on web performance, interface design, psychology and modern CSS. With Lea Verou, Harry Roberts, Stephanie Eckles, Dan Mall and so many others. [Jump to all online workshops ↬](https://smashingconf.com/online-workshops/)
Control web applications with two-clicks in Cloudflare Gateway
Announcing Application policies in Cloudflare Gateway. With Gateway, users instead connect to one of Cloudflare’s data centers in 200 cities around the world where our network can apply consistent security policies for all of their Internet traffic.
Web Frameworks: Why You Don’t Always Need Them
Richard MacManus explaining Daniel Kehoe's approach to building websites, which he calls "Stackless":
AutomateWoo Brings Automated Communications to Bookings
AutomateWoo is this handy extension for WooCommerce that adds triggers actions based on your online store's activity. Someone abandoned their cart? Remind
Firebase Crash Course
This article is going to help you, dear front-end developer, understand all that is Firebase. We’re going to cover lots of details about what Firebase is, why
PostgreSQL GitHub Actions - Continuous Integration
GitHub Actions are a piece of excellent machinery for PostgreSQL related tasks on your repo with support for Windows, Ubuntu and macOS environments.
Behind the feature: comments, contextually
How the team handled difficult interactions and edge cases to bring comments into the Figma Community
GitHub Discussions now available for private repositories
In December 2020, we launched the public beta of GitHub Discussions, a collaborative communication forum that allows community members to ask and answer questions, share updates, and have open-ended conversations.…
Git clone vulnerability announced
Today, the Git project released new versions to address CVE-2021-21300: a security vulnerability in the delayed checkout mechanism used by Git LFS during git clone operations affecting versions 2.15 and…
How to write a Constrained Identity Function (CIF) in TypeScript
A handy advanced TypeScript pattern to increase your productivity.
Modeling A GraphQL API For Your Blog Using Webiny Serverless CMS — Smashing Magazine
If this is your first time hearing of Webiny, it’s an open-source framework for building serverless applications which provide users with tools and ready-made applications. In the world of serverless applications, Webiny is becoming a popular way to adopt the serverless approach of building applications by providing handy tools that developers can build their apps upon. In this article, we will lo
The benefits of serving stale DNS entries when using Consul
We use Consul for service discovery, and we’ve deployed a cluster that spans several of our data centers. We were aware from the start that the DNS query latencies were not great from certain parts of the world that were furthest away from these data centers.
Happy International Women’s Day!
Here at Cloudflare, we’re thrilled to celebrate International Women’s Day today! We have tons of events planned throughout the month of March, which is our way of honoring Women’s Empowerment Month.
GitHub security update: A bug related to handling of authenticated sessions
Why did I get logged out of GitHub.com? On the evening of March 8, we invalidated all authenticated sessions on GitHub.com created prior to 12:03 UTC on March 8 out…
This week at GitHub InFocus: Code security and DevSecOps
Two weeks ago, we kicked off GitHub InFocus, a global virtual series just for software teams. Last week, we learned what powers a successful DevOps program. Next up: Security. We…
How to optimize your context value
Why and how you can optimize your context provider's value to avoid performance issues
Obscure Mobile Design Techniques That Boost UX — Smashing Magazine
To inspire mobile designers, let’s look at how some clever design solutions tackle mobile navigation, confirmation dialogs, animations, and gamifying the waiting experience. While these solutions are mostly unconventional, the point isn’t to highlight them for their own sake. Design solutions have to be built with the pillars of accessibility and usability, but they can be refined according to you
Protecting against recently disclosed Microsoft Exchange Server vulnerabilities: CVE-2021-26855, CVE-2021-26857, CVE-2021-26858, and CVE-2021-27065
Cloudflare has deployed managed rules protecting customers against a series of remotely exploitable vulnerabilities that were recently found in Microsoft Exchange Server.
The Teams Dashboard: Finding a Product Voice
Users love products whose voices they recognize. Here’s how we created a voice for the Teams Dashboard, and how we’re working to make our user’s experience more intentional and consistent.
Release Radar
The open source community is always hard at work. February’s projects were super hard to pick since there are so many amazing releases. These are exciting new releases from some…
UI Design Testing Tools I Use All The Time — Smashing Magazine
With so many great tools available, there really shouldn’t be any excuse for not testing with users these days. It is fast, easy and cheap. But we don’t even need to limit ourselves to testing. These tools also make user research and visualization easier than ever before, making them ideal all the way from discovery through prototype to post-launch optimization. Our lives as UI designers have neve
Conntrack turns a blind eye to dropped SYNs
We have been dealing with conntrack, the connection tracking layer in the Linux kernel, for years. And yet, despite the collected know-how, questions about its inner workings occasionally come up. When they do, it is hard to resist the temptation to go digging for answers.
Weekly Platform News: Focus Rings, Donut Scope, More em Units, and Global Privacy Control
In this week's news, Chrome tackles focus rings, we learn how to get "donut" scope, Global Privacy Control gets big-name adoption, it's time to ditch pixels
Search Files Using the Dropbox API
There’s a new version of the search endpoint available in the Dropbox API. The new version is faster, supports more file types, and has many useful features.
4 things you didn’t know you could do with GitHub Actions
GitHub Actions is a powerful platform that empowers your team to go from code to cloud, all from the comfort of your repositories. In this post, I’ll walk through a…
How to write a React Component in TypeScript
There are plenty of ways to do it, here's how I recommend typing React Components
Atlas: Our journey from a Python monolith to a managed platform
Inside Figma: tips from the team that builds Figma
Best practices and templates from Figmates across teams
GitHub Availability Report: February 2021
Introduction In February, we experienced no incidents resulting in service downtime to our core services. This month’s GitHub Availability Report will provide initial details around an incident from March 1…
Octoverse spotlight: Exploring the people and stories behind GitHub data
In January 2020, the World Health Organization (WHO) declared a state of emergency. Even before the novel coronavirus had an official name, it set off global travel restrictions, widespread closures,…
The Importance of Learning CSS
I know so many super-talented developers who share the same achilles heel: CSS. Instead of trying to “outrun” CSS, this article explores why leaning in and going deeper can be a tremendous boon for your development life and your career.
Boosting the performance of virtual machines with Jump-Start
What the research is: Jump-Start is a new approach for improving the performance of virtual machines at scale. Virtual machines are a modern and popular design to implement programming languages used to build applications in general, including large-scale websites like Facebook and Instagram. However, virtual machines incur well-known performance overhead in terms of the amount […]
Creating An Outside Focus And Click Handler React Component — Smashing Magazine
In this article, we’ll look at how to create an outside focus and click handler with React. You’ll learn how to recreate an open-source React component (react-foco) from scratch in doing so. To get the most out of this article, you’ll need a basic understanding of JavaScript classes, DOM event delegation and React. By the end of the article, you’ll know how you can use JavaScript class instance pr
Cloudflare recognized as a 'Leader' in The Forrester Wave for DDoS Mitigation Solutions
Cloudflare is named a ‘Leader’ in Forrester Wave™ for DDoS Mitigation Solutions, Q1 2021
How to execute an object file: Part 1
Ever wondered if it is possible to execute an object file without linking? Or use any object file as a library? Follow along to learn how to decompose an object file and import code from it along the way.
GitHub Security Lab Capture the Flag: A call to hacktion
Save the date! March 17 to 21, take your chance with the GitHub CTF “A Call to Hacktion!” What is a CTF? In software security, a Capture the Flag (CTF)…
Fuzzing sockets: Apache HTTP, Part 1: Mutations
In this first episode, I’ll do a brief introduction on how Apache HTTP works, and I’ll give you some insights into custom mutators and how they can be applied to the HTTP protocol effectively.
4 Tips for Shipping Data Products Fast - Shopify
Shipping a new data-centric product is hard, and under tight time constraints it's even harder. Here are 4 tips that are proven to help you ship new products fast.
The State Of Mobile And Why Mobile Web Testing Matters — Smashing Magazine
With mobile traffic accounting for over 50% of web traffic these days, leaving your mobile performance unoptimized isn’t really an option. In this article, we’ll discuss the complexity and challenges of mobile, and how mobile testing tools can help us with just that.
The Teams Dashboard: Behind the Scenes
When we launched Cloudflare for Teams almost ten years later, the vision was very much the same — build a secure and powerful Zero Trust solution that is ridiculously easy to use.
How to Map Mouse Position in CSS
Let’s look at how to get the user’s mouse position and map it into CSS custom properties: --positionX and --positionY.
Your guide to DevOps automation and CI/CD at GitHub InFocus
Last week we kicked off GitHub InFocus, a global virtual series just for software teams. We discussed the importance of developer experience and innersource—and how key collaboration really is. Next…
The Netflix Cosmos Platform - Netflix TechBlog
Cosmos is a computing platform that combines the best aspects of microservices with asynchronous workflows and serverless functions. Its sweet spot is applications that involve resource-intensive…
State Of GDPR In 2021: Cookie Consent For Designers And Developers — Smashing Magazine
As digital practitioners, GDPR has impacted every facet of our professional and personal lives. Whether you’re addicted to Instagram, message your family on WhatsApp, buy products from Etsy or Google information, no one has escaped the rules that were introduced in 2018. In this article, Danny Bluestone will take a look at two developments that have impacted cookies, plus a third on the horizon.
Designing a Better Kubernetes Experience for Developers
TLDR; If you’re deploying a service with Kubernetes, you shouldn’t have to use all of your cluster management skills just to perform everyday developer tasks (like seeing which pods are experiencing errors or checking autoscaler limits). Backstage Kubernetes simplifies your deployment workflow by connecting to your existing Kubernetes implementation and aggregating the status of all your deploymen
Happy Birthday, Backstage: Spotify’s Biggest Open Source Project Grows Up Fast
TLDR: As Backstage turns one, we’re doubling down on our commitment to the open source project and the community we’re building it with.
Why You Should Pair with Non-Engineers
TL;DR Spotify encourages engineers to become and lean into technologies and skill sets outside of their core specialization. Being a T-shaped developer doesn’t always mean having to learn more code, additional languages, or frameworks. It can be about broadening your outlook on the product-creation process and outside of your discipline. Design Systems Engineering Manager at Spotify Tyce Clee talk
Spotify’s New Experimentation Coordination Strategy
At Spotify we run hundreds of experiments at any given time. Coordinating these experiments, i.e., making sure the right user is receiving the right “treatment” with a population of hundreds of millions of users, poses technical challenges. Adding to the complexity, some of these experiments must be coordinated in the sense that the same user cannot be in two experiments at the same time. These ar
2020 Unwrapped: The people behind the numbers
2020 Wrapped is a story of gratitude and resilience. And we’re grateful for the people and teams behind the curtain who built this product experience (??Give them a hand!).
David Riordan: Product Manager
My days begin with an early morning wake-up call from Zev – he comes through at around 5am and we get a couple of dedicated hours of playtime before the rest of the world gets up. It’s fun – this morning, we baked oatmeal cookies. Then once my wife and I are ready, we take the dog, throw Zev in the back carrier and walk all together through the park to his nanny-share. It’s a really lovely way to
Matt Clarke: Senior Backend Infrastructure Engineer
At the moment, I’m living with my wife and step daughter in London and working from home like most people. Which means I get up around 8am, drink lots of coffee (way too much!) and log onto my computer an hour later – ready to check my messages and start getting my brain into thinking mode.
CSS Border Font
Every letter in this "font" by Davor Suljic is a single div and drawn only with border. That means employing some trickery like border-radius with exotic
Next.js on Netlify
If you want to put Next.js on Netlify, here's a 5 minute tutorial¹. One of the many strengths of Next.js is that it can do server-side rendering (SSR) with a
Fresh Inspiration For March And A Smashing Winner (2021 Wallpapers Edition) — Smashing Magazine
Our wallpapers post this month is a special one: There’s not only a new collection of wallpapers created by creative folks from across the globe waiting for you, but we’ll also award a smashing prize to the best design.
A Saturday waste of CPU cycles: building time_t values
The Things I Add to Tailwind CSS Right Out of the Box
In every project where I use Tailwind CSS, I end up adding something to it. Some of these things I add in every single project. I’ll share these with you, but
Weekly Platform News: Reduced Motion, CORS, WhiteHouse.gov, popups, and 100vw
In this week's roundup, we highlight a proposal for a new <popup> element, check the use of prefers-reduced-motion on award-winning sites, learn how to
Now Available: Scoped apps and enhanced permissions
The Dropbox API has released support for scopes, PKCE, and refresh tokens. You can find the announcement and summary of new features here.
Building User Trust In UX Design — Smashing Magazine
Trust is at the heart of a long-term strategy of any product. There are many ways to earn it, and even more ways to lose it. In this article, Adam Fard will go through how you, as a product designer, can make sure your product nurtures and retains trust throughout every touchpoint. To do that, we’ll be borrowing some of the tricks marketers and product people have up their sleeves.
