Don’t put pointer-events: none on form labels
Bruce Lawson with the tip of the day, warning against the use of pointer-events: none on forms labels. We know that pointer-events is used to change how
Avoiding npm substitution attacks
Supply chain attacks are a reality in modern software development. Thankfully, you can reduce the attack surface by taking precautions and being thoughtful about how you manage your dependencies. We…
Using Betas to Deploy New Features Safely - Shopify
For companies like Shopify that practice continuous deployment, our code is changing multiple times every day. We have to de-risk new features to ship safely and confidently without impacting the million+ merchants using our platform. Beta flags are one approach to feature development that gives us a number of notable advantages.
What Saul Bass Can Teach Us About Web Design — Smashing Magazine
Saul Bass is a graphic design legend. Responsible for title sequences in films like North by Northwest and Anatomy of a Murder, as well as a number of iconic posters and brand logos over the years. His work, in the words of Martin Scorsese, “distilled the poetry of the modern, industrialized world.” Film credits, brand logos, posters… Saul did it all, and the principles that informed his work are
WordPress 5.7: Big ol' jQuery Update
WordPress core is making the jump from jQuery 1.12.4 to jQuery 3.5.1! This is a big deal for lots of reasons — like modern features, better DX, and security
Progressive Web Apps in 2021
Maximiliano Firtman has a look at PWAs this year, including trying to get a bead on how widespread they are:
How to Build a GraphQL API for Text Analytics with Python, Flask and Fauna
GraphQL is a query language and server-side runtime environment for building APIs. It can also be considered as the syntax that you write in order to
iframe feedback
What if an <iframe> had within it another <iframe> of the exact same source? Inception, as they say. Baptise Crespy does this all-important
"Catchment areas" with PostgreSQL and PostGIS
This article explains how to partition an area of interest spatially: Approximation of customer potential using PostGIS. Catchment areas.
How we designed and wrote the narrative for our homepage
This post is the fifth installment of our five-part series on building GitHub’s new homepage: How our globe is built How we collect and use the data behind the globe…
Building A Web App With React, Redux And Sanity.io — Smashing Magazine
Headless CMS is a powerful and easy way to manage content and access API. Built on React, Sanity.io is a seamless tool for flexible content management. It can be used to build simple to complex applications from the ground up. In this article, Ifeanyi Dike explains how to build a simple listing app with Sanity.io and React. The global states will be managed with Redux and the application will be s
:focus-visible Support Comes to Firefox
Look at that! The :focus-visible pseudo-selector is now supported in Firefox, as of version 85 which shipped yesterday. I had to rush over to the MDN Docs
HTML Video Sources Should Be Responsive
Scott Jehl doesn't mince words here:
New global ID format coming to GraphQL
The GitHub GraphQL API has been publicly available for over 4 years now. Its usage has grown immensely over time, and we’ve learned a lot from running one of the…
Day 57: Trying to set up GitHub Actions
Day 57: Trying to set up GitHub Actions
Technical Mentorship Reimagined: Time-bound and No Awkward Asks Necessary - Shopify
Authors: Sarah Naqvi and Steve Lounsbury Struggling with a concept and frantically trying to find the answers online? Are you thinking: I should just ping a teammate or Is this something I should already know? That’s fine, I’ll ask anyway. And then you do ask and get an answer and are feeling pretty darn proud of yourself and move forward. But wait, now I have about 25 follow-up questions. Sound f
2020 U.S. Election: Cybersecurity Analysis
As we protect many entities in the election space, we have the ability to identify, learn and analyze attack trends targeted at these sites that provide authoritative election information.
A table with both a sticky header and a sticky first column
We've covered that individual <table> cells, <th> and <td> can be position: sticky. It's pretty easy to make the header of a table stick to
Nested Media Queries
We don't have "regular" nesting in CSS. Maybe this becomes a thing someday, or something like it. That would be cool, although that pre-spec doesn't mention
How we sped up Dropbox Android app startup by 30%
Using CWE and CVSS scores to get more context on a security advisory
Security vulnerabilities can be unpleasant to address, and that only gets worse the more you have. When you’re dealing with a large volume of vulnerabilities, you need to be able…
An Interactive Guide to CSS Transitions
This comprehensive guide shows how to use CSS transitions! A back-to-basics look at the fundamental building blocks we need to create microinteractions and other animations.
Day 56: A little WebAssembly
Day 56: A little WebAssembly
Minesweeper automates root cause analysis as a first-line defense against bugs
Root cause analysis (RCA) is an important part of fixing any bug. After all, you can’t solve a problem without getting to the heart of it. But RCA isn’t always simple, especially at a scale like Facebook’s. When billions of people are using an app on a variety of platforms and devices, a single bug […]
Getting The Most Out Of Git — Smashing Magazine
Git has so many powerful features under the hood! From Interactive Rebase to Submodules and from the Reflog to File History, these advanced features help you become more productive and make fewer mistakes. In this article, Tobias explores some of the less known but very useful features in Git. You’ll learn how to recover deleted commits, clean up your commit history, use submodules to manage third
Smashing Podcast Episode 35 With Stephanie Stimac & Melanie Richards: What’s Next For HTML Controls? — Smashing Magazine
In this episode, we’re talking about HTML controls. Why are they so hard to style, and how might that change in the future? Drew McLellan talks to Microsoft’s Stephanie Stimac and Melanie Richards to find out.
Congratulations to Cloudflare’s 2020 Partner Award Winners
We are privileged to share Cloudflare’s inaugural set of Partner Awards. These Awards recognize our partner companies and representatives worldwide who stood out this past year for their investments in acquiring technical expertise in our offerings
Who won Super Bowl LV? A look at Internet traffic during the game
The obvious answer is the Tampa Bay Buccaneers but the less obvious answer comes from asking “which Super Bowl advertiser got the biggest Internet bump?”. This blog aims to answer that question.
(Jay Freestone's) Front-end predictions for 2021
React framework maturity, early container queries, WASM adoption, and monoliths. I'll take all four, please. Not feeling like a particularly front-end-y? Jay
Managing CSS Z-Index In Large Projects — Smashing Magazine
We use abstractions and conventions to hide away the tricky and error-prone parts, which in turn makes it easier for everyone who needs to do the same task. The ideas Steven Frieson shares here should be actionable in most applications depending on your styling solution and browser support. Migrating to use this system is not very risky since stacking contexts are already scoped individually; you
Weekly Platform News: The :not() pseudo-class, Video Media Queries, clip-path: path() Support
Hey, we're back with weekly updates about the browser landscape from Šime Vidas.
Release Radar
Not everyone takes a break over the festive season. Some people in the community have been busy shipping releases. So we’re here to bring you the latest and greatest releases…
Open-sourcing Thrift for Haskell
What it is: Thrift is a serialization and remote procedure call (RPC) framework used for cross-service communication. Most services at Facebook communicate via Thrift because it provides a simple, language-agnostic protocol for communicating with structured data. Thrift can already be used in programming languages such as C++, Python, and Java using fbthrift. We are also […]
Improving Your Team’s Communication In The Age Of Remote Work — Smashing Magazine
Remote work is taking over the world, and the biggest obstacle remote teams face is emulating the natural communication that happens at the office. In this article, Obed Parlapiano shares his advice and tips on how to improve your team’s communication and productivity by creating habits and processes focused on improving collaboration.
Lazy Load Routes in Vue with webpack Dynamic Comments
The way routing works in JavaScript is usually that you specify which relative URL pattern you want for which component to render. So for /about you want
PostgreSQL: What is a checkpoint?
How to use checkpoints and checkpoint tuning, and how PostgreSQL writes data, database internals explained.
Extending GitOps to reliability-as-code with GitHub and StackPulse
This is a partner post by Leonid Belkind, the Co-Founder and CTO at StackPulse Over the past decade, engineering-led practices have replaced traditional IT operations across the software development lifecycle.…
GitHub reduces Marketplace transaction fees, revamps Technology Partner Program
At GitHub, our community is at the heart of everything we do. We want to make it easier to build the things you love, with the tools you prefer to…
How we illustrate at GitHub
In the fourth installment of our five-part series on building GitHub’s new homepage, we’ll explore the artistic pipeline at GitHub to explain story, character and color, and to show how…
Day 53: a little nginx, IPv6, and wireguard
Day 53: a little nginx, IPv6, and wireguard
Day 52: testing how many Firecracker VMs I can run
Day 52: testing how many Firecracker VMs I can run
Build vs Buy: Component Libraries edition
Some things to think about before you decide to create your own component library.
The effect of switching to TCMalloc on RocksDB memory use
Memory allocator is an important part of the system, so choosing the right allocator for a workload can give huge benefits. Here is a story of how we decreased service memory usage by almost three times.
Fighting for developers: GitHub policy 2020 in review
GitHub is committed to shaping public policies that support developers around the globe. Last year, we advised policymakers, supported legal action, and spoke directly to developers on policy in jurisdictions…
Deployment reliability at GitHub
Last week, we described how we improved the deployment experience for github.com. When we describe deployments at GitHub, the deployment experience is an important part of what it takes to ship applications to production, especially at GitHub’s scale, but there is more to it: the actual deployment mechanics need to be fast and reliable.
Push some big numbers through your system and look for bugs
Designing Better Tooltips For Mobile User Interfaces — Smashing Magazine
Tooltips are powerful design patterns implemented to enhance the design experience by providing additional information precisely when users need it. The key to designing tooltips that fit seamlessly into the overall design is to plan for them early in the design process. Specifically, designing useful tooltips requires proper timing and proper implementation. In this article, Eric Olive will show
GitHub Availability Report: January 2021
Introduction In January, we experienced one incident resulting in significant impact and degraded state of availability for the GitHub Actions service. January 28 04:21 UTC (lasting 3 hours 53 minutes)…
What’s next for DevOps: Q&A with Lightstep CEO Ben Sigelman
In the decade since the word “DevOps” was coined, its goal has stayed the same—but the way organizations implement DevOps is constantly changing. For a closer look , we sat…
npm 7 is now generally available!
After much anticipation, the npm CLI version 7 is now generally available!
Day 51: Fixed my logging and made a couple of puzzles
Day 51: Fixed my logging and made a couple of puzzles
How To Port Your Web App To Microsoft Teams — Smashing Magazine
On your list of places where people might access your web app, Teams is probably number “not-on-the-list”. But it turns out that making your app accessible where your users are already working has some profound benefits. In this article, Tomomi Imura and Daisy Chaussee will take a look at how Teams makes web apps a first-class citizen, and how it enables you to interact with those apps in complete
Open Web Docs
Robert Nyman:
"Cancelable" Smooth Scrolling
Here's the situation: Your site offers a "scroll back to top" button, and you've implemented smooth scrolling. As the page scrolls back to the top, users see
Figma Crash Course
Totally free course from Pablo Stanley. Can't beat that.
No-Jank CSS Stripes
My mind goes immediately to repeating-linear-gradient and hard-stop gradients when thinking of creating stripes in CSS. You make one stripe by using the same
February 2021 GitHub Campus Experts applications are open
GitHub Education is on a mission to build communities and support emerging tech talent around the world. We’re looking for the next batch of student leaders to apply to the GitHub Campus Experts Program!
Stuff The Internet Says On Scalability For February 1st, 2021 - High Scalability -
Hey, it's HighScalability time once again! Amazon converts expenses into revenue by transforming needs into products. Take a look at a fulfillment center and you can see the need for Outpost, machine learning, IoT, etc, all dogfooded. Willy Wonka would be proud. Do you like this sort of Stuff? Without your support on Patreon this Stuff won't happen. Know someone who could benefit from becoming one
Slack’s Outage on January 4th 2021
And now we welcome the new year. Full of things that have never been. — Rainer Maria Rilke January 4th 2021 was the first working day of the year for many around the globe, and for most of us at Slack too (except of course for our on-callers and our customer experience team, who never…
Things You Can Do With CSS Today — Smashing Magazine
The present and future of CSS are very bright indeed and if you take a pragmatic, progressive approach to your CSS, then things will continue to get better and better on your projects, too. Some of the really handy powers CSS gives you might have slipped you by, so in this article, Andy Bell will take a look into masonry layout, :is selector, clamp(), ch and ex units, updated text decoration, and
