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 […]